/********************* 导航栏 *********************/
    
/* 全局样式重置 */
      .xlq-nav *,
      .xlq-nav *::before,
      .xlq-nav *::after {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: "Inter", system-ui, -apple-system, sans-serif;
      }
      /* 为移动端双层导航栏留出空间 */
      /* body {
        padding-top: 120px;
      } */

      /* 导航栏基础样式 */
      .xlq-nav {
        background-color: #ffffff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        /* position: fixed;
        top: 0;
        left: 0;
        right: 0; */
        /* z-index: 50; */
      }

      /* 版心容器 - 居中且宽度1200px */
      .xlq-nav-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 14px;
      }

      /* 顶部Logo区域 */
      .xlq-logo-container {
        display: flex;
        align-items: center;
        height: 64px;
        border-bottom: 1px solid #f1f5f9;
      }

      .xlq-logo {
        height: 40px;
        width: auto;
        margin-right: 12px;
      }

      .xlq-gov-name {
        color: #475569;
        font-weight: 600;
        font-size: 18px;
        white-space: nowrap;
      }

      /* 导航链接区域 */
      .xlq-nav-links-container {
        background-color: #ffffff;
      }

      .xlq-nav-links {
        display: flex;
        flex-wrap: wrap;
        padding: 12px 0;
      }

      .xlq-nav-link {
        text-decoration: none;
        color: #475569;
        padding: 8px 16px;
        margin: 4px 4px;
        border-radius: 4px;
        transition: all 0.2s ease;
        font-size: 15px;
        display: inline-block;
      }

      .xlq-nav-link:hover {
        color: #1a56db;
        background-color: rgba(26, 86, 219, 0.05);
      }

      .xlq-nav-link.xlq-active {
        color: #ffffff;
        background-color: #1a56db;
        font-weight: 500;
      }

      /* 移动端菜单按钮 - 默认隐藏 */
      .xlq-menu-toggle {
        display: none;
        background: none;
        border: none;
        cursor: pointer;
        padding: 10px;
        align-self: center;
      }

      .xlq-menu-icon {
        width: 24px;
        height: 24px;
        position: relative;
      }

      .xlq-menu-icon::before,
      .xlq-menu-icon::after,
      .xlq-menu-icon span {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #475569;
        border-radius: 1px;
        transition: all 0.3s ease;
      }

      .xlq-menu-icon span {
        top: 50%;
        transform: translateY(-50%);
      }

      .xlq-menu-icon::before {
        top: 0;
      }

      .xlq-menu-icon::after {
        bottom: 0;
      }

      /* 页面内容区域 */
      .xlq-page-content {
        padding: 20px 16px;
        max-width: 1200px;
        margin: 0 auto;
      }

      .xlq-page-content h1 {
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 16px;
        color: #1e293b;
      }

      .xlq-page-content p {
        color: #475569;
        line-height: 1.6;
        margin-bottom: 16px;
      }

      /* 响应式设计 - 中等屏幕及以上 (768px以上) */
      @media (min-width: 768px) {
        body {
          padding-top: 0px; /* PC端单行导航栏高度 */
        }

        /* PC端导航栏强制单行显示 */
        .xlq-nav {
          height: 64px;
        }

        .xlq-nav-container {
          display: flex;
          align-items: center;
          height: 100%;
        }

        .xlq-logo-container {
          height: 100%;
          border-bottom: none;
          margin-right: 24px;
        }

        .xlq-nav-links-container {
          flex-grow: 1;
        }

        .xlq-nav-links {
          display: flex;
          flex-wrap: nowrap; /* 强制不换行 */
          padding: 0;
          height: 100%;
          align-items: center;
        }

        .xlq-nav-link {
          padding: 8px 16px;
          margin: 0 4px;
          border-radius: 0;
          border-bottom: 2px solid transparent;
          height: 100%;
          display: flex;
          align-items: center;
        }

        .xlq-nav-link.xlq-active {
          background-color: transparent;
          color: #1a56db;
          border-bottom-color: #1a56db;
        }

        .xlq-nav-link:hover {
          background-color: transparent;
        }
      }

      /* 响应式设计 - 大屏幕 (992px以上) */
      @media (min-width: 992px) {
        .xlq-nav-container {
          padding: 0 24px;
        }

        .xlq-nav-links {
          gap: 8px;
        }
      }

      /* 确保移动端不使用面包屑，直接显示所有导航链接 */
      @media (max-width: 767px) {
        /* 移动端导航链接区域保持显示状态 */
        .xlq-nav-links-container {
          display: block !important;
        }

        /* 移动端导航链接自动换行 */
        .xlq-nav-links {
          justify-content: center;
        }

        /* 移动端链接样式优化 */
        .xlq-nav-link {
          font-size: 14px;
          padding: 6px 12px;
        }

        /* 确保长文本导航项在移动端有良好显示 */
        .xlq-nav-link.long-text {
          white-space: normal;
          text-align: center;
          max-width: 90%;
        }
      }
    
	
	
/********************   轮播样式   **************************/	
	
	
    /* 完全隔离的样式，仅作用于当前轮播内部，避免全局冲突 */
    #simple-carousel {
      max-width: 1200px;
      margin: 0 auto;
      padding: 20px;
      box-sizing: border-box;
      /* 防止父容器样式影响 */
      font-family: inherit;
      line-height: inherit;
    }

    #simple-carousel * {
      margin: 0;
      padding: 0;
      box-sizing: inherit;
      border: none;
      outline: none;
    }

    /* 轮播容器 - 增强稳定性 */
    #simple-carousel .carousel-wrapper {
      position: relative;
      width: 100%;
      height: 450px;
      overflow: hidden;
      border-radius: 8px;
      /* 避免图片加载时闪烁 */
      background-color: #f5f5f5;
    }

    /* 轮播轨道 - 确保flex布局生效 */
    #simple-carousel .carousel-track {
      display: flex !important;
      height: 100%;
      transition: transform 0.5s ease-in-out;
      /* 硬件加速，减少动画卡顿 */
      will-change: transform;
    }

    /* 轮播项 - 防止宽度计算错误 */
    #simple-carousel .carousel-slide {
      min-width: 100% !important;
      height: 100%;
      flex-shrink: 0;
    }

    #simple-carousel .carousel-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      /* 图片加载过渡，提升体验 */
      transition: opacity 0.3s ease;
    }

    #simple-carousel .carousel-slide img.loading {
      opacity: 0;
    }

    /* 控制按钮 - 优化交互体验 */
    #simple-carousel .carousel-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 44px;
      height: 44px;
      background: rgba(0, 0, 0, 0.5);
      color: white;
      border-radius: 50%;
      font-size: 18px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 10;
      /* 按钮hover效果，提升交互感 */
      transition: background-color 0.3s ease;
    }

    #simple-carousel .carousel-btn:hover {
      background: rgba(0, 0, 0, 0.7);
    }

    #simple-carousel .carousel-btn.prev {
      left: 15px;
    }

    #simple-carousel .carousel-btn.next {
      right: 15px;
    }

    /* 指示器 - 优化选中状态 */
    #simple-carousel .carousel-dots {
      position: absolute;
      bottom: 20px;
      left: 0;
      right: 0;
      display: flex;
      justify-content: center;
      gap: 8px;
      z-index: 10;
    }

    #simple-carousel .carousel-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.6);
      cursor: pointer;
      /* 指示器过渡效果 */
      transition: all 0.3s ease;
    }

    #simple-carousel .carousel-dot.active {
      background: white;
      transform: scale(1.2);
    }

    /* 响应式适配 - 细化断点，提升移动端体验 */
    @media (max-width: 1200px) {
      #simple-carousel {
        padding: 20px 15px;
      }
    }

    @media (max-width: 768px) {
      #simple-carousel .carousel-wrapper {
        height: 350px;
      }
      #simple-carousel .carousel-btn {
        width: 40px;
        height: 40px;
        font-size: 16px;
      }
    }

    @media (max-width: 480px) {
      #simple-carousel .carousel-wrapper {
        height: 250px;
      }
      #simple-carousel .carousel-btn {
        width: 36px;
        height: 36px;
        font-size: 14px;
      }
      #simple-carousel .carousel-dot {
        width: 8px;
        height: 8px;
      }
    }	
	
	
	
/********************* 热点头条、营商、成果 *********************/	


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

      body {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
          Helvetica, Arial, sans-serif;
        background-color: #f3f4f6;
        color: #1e293b;
        line-height: 1.6;
        padding: 0;
        margin: 0;
      }

      /* 容器样式 - 电脑端固定宽度1200px居中，移动端自适应 */
      .container {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        padding: 2rem 1rem;
      }

      /* 标题样式 */
      .title-section {
        text-align: center;
        margin-bottom: 2rem;
      }

      .title-section h2 {
        font-size: clamp(1.5rem, 5vw, 2.2rem);
        font-weight: 700;
        margin-bottom: 0.75rem;
        color: #1e293b;
      }

      .title-section p {
        color: #64748b;
        max-width: 600px;
        margin: 0 auto;
        font-size: clamp(1rem, 2vw, 1.1rem);
      }

      /* 选项卡容器 */
      .tabs-container {
        background-color: white;
        border-radius: 0.75rem;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
          0 2px 4px -1px rgba(0, 0, 0, 0.06);
        overflow: hidden;
        width: 100%;
      }

      /* 选项卡导航 */
      .tab-navs {
        display: flex;
        flex-wrap: wrap;
      }

      .tab-nav {
        flex: 1;
        min-width: 120px;
        padding: 1rem 0.5rem;
        background: none;
        border: none;
        font-size: clamp(0.9rem, 2vw, 1rem);
        cursor: pointer;
        transition: all 0.3s ease-out;
        text-align: center;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .tab-nav:hover:not(.tab-active) {
        background-color: #f1f5f9;
      }

      .tab-nav:focus {
        outline: none;
      }

      .tab-nav.tab-active {
        background-color: #2563eb;
        color: white;
      }

      .tab-nav span {
        margin-right: 0.5rem;
      }

      /* 图片内容区域 - 响应式高度 */
      .image-container {
        height: clamp(300px, 50vw, 500px);
        overflow: hidden;
        position: relative;
        width: 100%;
      }

      .tab-image {
        position: absolute;
        width: 100%;
        height: 100%;
        transition: all 0.3s ease-out;
      }

      /* 可点击链接样式 */
      .image-link {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        color: inherit;
      }

      .tab-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.7s ease;
      }

      .tab-image:hover img {
        transform: scale(1.03);
      }

      .image-visible {
        opacity: 1;
        transform: translateY(0);
      }

      .image-hidden {
        opacity: 0;
        transform: translateY(1rem);
        pointer-events: none;
      }

      /* 图片信息叠加层 */
      .image-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
        padding: 1.5rem;
        color: white;
      }

      .image-overlay h3 {
        font-size: clamp(1.2rem, 3vw, 1.5rem);
        font-weight: 700;
        margin-bottom: 0.25rem;
        transition: color 0.3s ease;
      }

      .image-overlay h3:hover {
        color: #bfdbfe;
      }

      .image-overlay p {
        opacity: 0.9;
        font-size: clamp(0.9rem, 2vw, 1rem);
      }

      /* 移动端优化 */
      @media (max-width: 768px) {
        .container {
          padding: 1.5rem 0.75rem;
        }

        .tab-nav {
          padding: 0.8rem 0.5rem;
          font-size: 0.9rem;
        }

        .image-overlay {
          padding: 1rem;
        }
      }
 
	
	
/********************* 工作动态营商故事、品牌名片、典型案例 *********************/	
/* 基础样式重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Microsoft YaHei", "Heiti SC", "PingFang SC", "Helvetica Neue",
    Arial, sans-serif;
  background-color: #f5f5f5;
  color: #333;
  line-height: 1.6;
}

/* 版心容器 - 基础样式 */
.containerone {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

/* 页面主标题 */
.page-title {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 30px 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #0066cc;
  color: #333;
}

/* 案例行容器 */
.case-row {
  margin-bottom: 30px;
}

/* 案例列容器 - 基础样式 */
.case-column {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}

/* 板块标题栏 */
.case-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.case-header h2 {
  font-size: 18px;
  font-weight: 600;
  color: #222;
}

.case-header .more {
  color: #0066cc;
  text-decoration: none;
  font-size: 14px;
  display: flex;
  align-items: center;
  transition: color 0.3s;
}

.case-header .more:hover {
  color: #004080;
}

.case-header .more:after {
  content: "→";
  margin-left: 5px;
  font-size: 12px;
}

/* 案例列表 - 核心优化：li内链接占满容器 */
.case-list {
  list-style: none;
}

.case-list li {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #eee;
}

.case-list li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* 案例链接容器：占满li，确保点击区域覆盖图片和文字 */
.case-link {
  display: flex;
  text-decoration: none; /* 清除链接默认下划线 */
  color: inherit; /* 继承父级颜色，避免文字变色 */
  width: 100%;
}

/* 链接hover效果：整体轻微阴影，增强交互感知 */
.case-link:hover {
  box-shadow: 0 2px 8px rgba(0, 102, 204, 0.1);
  border-radius: 4px;
}

.case-link img {
  width: 120px;
  height: 80px;
  object-fit: cover;
  border-radius: 4px;
  margin-right: 15px;
  flex-shrink: 0;
}

.case-text {
  flex: 1;
}

.case-text h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #333;
  transition: color 0.3s;
}

/* 链接hover时标题变色，强化反馈 */
.case-link:hover .case-text h3 {
  color: #0066cc;
}

.case-text p {
  font-size: 14px;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制2行文本，避免移动端高度过高 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 加载动画 */
.loading {
  text-align: center;
  padding: 30px;
  color: #666;
  display: none;
}

.loading.active {
  display: block;
}

/* -------------------------- 响应式布局（保持原有逻辑） -------------------------- */
@media (max-width: 767px) {
  /* 移动端只显示1个案例 */
  .case-list li:nth-child(2),
  .case-list li:nth-child(n + 3) {
    display: none;
    margin: 0;
    padding: 0;
    border: none;
  }
  .case-list li:first-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  /* 移动端图文垂直排列 */
  .case-link {
    flex-direction: column;
  }
  .case-link img {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) {
  .case-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }
  .case-column {
    flex: 1;
    margin-bottom: 0;
  }
  .case-list li:nth-child(2),
  .case-list li:nth-child(n + 3) {
    display: block;
  }
  .case-list li:first-child {
    border-bottom: 1px dashed #eee;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}

@media (min-width: 1024px) {
  .page-title {
    font-size: 28px;
  }
  .case-header h2 {
    font-size: 20px;
  }
  .case-link img {
    width: 160px;
    height: 100px;
  }
  .case-text h3 {
    font-size: 17px;
  }
  .case-text p {
    font-size: 15px;
    -webkit-line-clamp: 3;
  }
}

@media (max-width: 480px) {
  .containerone {
    padding: 15px 10px;
  }
  .case-text p {
    font-size: 13px;
  }
}

	
	
/********************* 惠企政策 *********************/	

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

      body {
        font-family: "Microsoft YaHei", sans-serif;
        background-color: #f5f5f5;
        color: #333;
        -webkit-overflow-scrolling: touch;
      }

      /* 容器：PC端1200px居中，移动端自适应 */
      .policy-container {
        width: 100%;
        max-width: 1200px; /* PC端版心宽度 */
        margin: 0 auto; /* 水平居中 */
        padding: 0 20px; /* 左右内边距，防止内容贴边 */
      }

      /* 标题区域 */
      .policy-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0;
        border-bottom: 1px solid #eee;
      }

      .policy-header h2 {
        font-size: 20px;
        font-weight: 600;
      }

      .policy-header a {
        color: #007bff;
        text-decoration: none;
        font-size: 14px;
        position: relative;
        padding-right: 18px;
      }

      .policy-header a::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 12px;
        height: 12px;
        border-top: 2px solid #007bff;
        border-right: 2px solid #007bff;
        transform: translateY(-50%) rotate(45deg);
      }

      /* 选项卡容器 */
      .hqtab-nav-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: 16px 0;
        border-bottom: 1px solid #eee;
      }

      .hqtab-nav {
        display: flex;
        flex-wrap: nowrap;
        list-style: none;
      }

      .hqtab-nav li {
        flex: 0 0 auto;
        margin-right: 24px;
        padding: 12px 0;
        font-size: 15px;
        color: #666;
        cursor: pointer;
        touch-action: manipulation;
        white-space: nowrap;
        position: relative;
      }

      .hqtab-nav li.active {
        color: #007bff;
      }

      .hqtab-nav li.active::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background-color: #007bff;
      }

      /* 内容容器 */
      .tab-content {
        background-color: #fff;
        border: 1px solid #eee;
        border-radius: 6px;
        padding: 20px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
      }

      .tab-content ul {
        list-style: none;
      }

      .tab-content li {
        line-height: 1.8;
        padding: 12px 0;
        border-bottom: 1px dashed #eee;
        font-size: 15px;
        position: relative;
        padding-left: 90px;
      }

      .tab-content li:last-child {
        border-bottom: none;
      }

      .tab-content li::before {
        content: "[" attr(data-type) "]";
        position: absolute;
        left: 0;
        color: #dc3545;
      }

      /* 移动端适配 */
      @media (max-width: 768px) {
        .policy-container {
          padding: 0 12px;
        }

        .policy-header {
          padding: 16px 0;
        }

        .policy-header h2 {
          font-size: 18px;
        }

        .hqtab-nav li {
          font-size: 14px;
          margin-right: 20px;
          padding: 10px 0;
        }

        .tab-content {
          padding: 15px;
        }

        .tab-content li {
          font-size: 14px;
          padding: 10px 0;
          padding-left: 90px;
        }
      }

      /* 小屏幕手机适配 */
      @media (max-width: 375px) {
        .tab-content li {
          padding-left: 90px;
          font-size: 13px;
        }
      }

      /* 隐藏滚动条 */
      .hqtab-nav-container::-webkit-scrollbar {
        display: none;
      }
  	
	
/********************* footer *********************/	
	

      /* 清除默认的内外边距 */
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      /* 底部区域的整体样式 */
      .footer {
        background-color: #333;
        padding: 20px 15px;
      }

      /* 版心容器，默认PC端样式 */
      .footer-inner {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }

      /* 左侧文本区域的样式 */
      .footer-left p {
        margin-bottom: 8px;
        font-size: 12px;
        line-height: 1.5;
        color: #ffffff66;
      }

      /* 链接样式保持与文字一致 */
      .footer-left a {
        color: #ffffff66;
        text-decoration: underline;
      }

      /* 右侧二维码及文字区域的样式 */
      .footer-right {
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      /* 二维码图片的样式 */
      .qrcode-img {
        width: 80px;
        height: 80px;
      }

      /* 二维码下方提示文字的样式 */
      .qrcode-tip {
        margin-top: 5px;
        font-size: 12px;
        color: #ffffff66;
      }

      /* 移动端适配 (屏幕宽度小于768px时) */
      @media (max-width: 768px) {
        .footer-inner {
          flex-direction: column; /* 改为垂直排列 */
          text-align: center; /* 文字居中 */
        }

        .footer-left {
          margin-bottom: 15px; /* 增加与二维码的距离 */
        }

        .footer-left p {
          margin-bottom: 5px; /* 减小段落间距 */
        }

        .qrcode-img {
          width: 60px; /* 减小二维码尺寸 */
          height: 60px;
        }
      }
    
	
/********************* 图片跳转 *********************/	
   
    
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      /* body {
        min-height: 100vh;
        padding: 20px;
      } */

      /* 容器样式 - 响应式设计 */
      .picimage-container {
        /* 最大宽度1200px，在大屏幕上保持这个宽度 */
        background-color: #f5f5f5;
        max-width: 1180px;
        /* 在小屏幕上占满可用宽度，两边留一点间距 */
        width: calc(100% - 40px);
        /* 水平居中 */
        margin: 0 auto;
        /* 确保容器高度自适应图片 */
        height: auto;
        /* 添加轻微阴影提升视觉效果 */
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        /* 防止图片溢出 */
        overflow: hidden;
        /* 添加过渡效果使交互更平滑 */
        transition: transform 0.3s ease;
        padding: 1rem 1rem;
        box-sizing: border-box;
        border-radius: 5px;
      }

      /* 图片样式 */
      .picimage-container img {
        /* 图片宽度充满容器 */
        width: 100%;
        /* 高度自适应，保持图片比例 */
        height: auto;
        /* 去除图片底部间隙 */
        display: block;
        /* 图片过渡效果 */
        transition: opacity 0.3s ease;
      }

      /* 交互效果 */
      .picimage-container:hover {
        transform: translateY(-5px);
      }

      .picimage-container:hover img {
        opacity: 0.95;
      }

      /* 点击时的反馈 */
      .picimage-container:active {
        transform: translateY(-2px);
      }

      /* 针对小屏幕的优化 */
      @media (max-width: 768px) {
        body {
          padding: 10px;
        }

        .picimage-container {
          width: calc(100% - 20px);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
        }
      }
      
      
      
/******************** 内容页样式 ****************************/
#standalone-article {
          font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
          background-color: #f9f9f9;
          color: #333;
          line-height: 1.7;
          padding: 20px 0;
        }

        #standalone-article * {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
        }

        #standalone-article .article-wrapper {
          max-width: 1200px;
          margin: 0 auto;
          padding: 20px;
          width: 100%;
        }

        /* 文章标题区 */
        #standalone-article .article-header {
          margin-bottom: 40px;
          text-align: center;
        }

        #standalone-article .article-title {
          font-size: 2.2rem;
          color: #2c3e50;
          line-height: 1.3;
          margin-bottom: 20px;
          max-width: 900px;
          margin-left: auto;
          margin-right: auto;
        }

        #standalone-article .article-meta {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          align-items: center;
          gap: 20px;
          color: #7f8c8d;
          margin-bottom: 30px;
        }

        #standalone-article .author {
          display: flex;
          align-items: center;
          gap: 10px;
        }

        #standalone-article .author-avatar {
          width: 40px;
          height: 40px;
          border-radius: 50%;
          object-fit: cover;
        }

        #standalone-article .source {
          display: flex;
          align-items: center;
          gap: 5px;
        }

        #standalone-article .meta-item {
          display: flex;
          align-items: center;
          gap: 5px;
        }

        /* 文章内容区 */
        #standalone-article .article-content {
          background-color: white;
          padding: 50px;
          border-radius: 8px;
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
          width: 100%;
        }

        #standalone-article .content-section {
          margin-bottom: 30px;
        }

        #standalone-article .content-section p {
          margin-bottom: 20px;
          font-size: 1.05rem;
        }

        /* 文章内图片 - 全部居中显示 */
        #standalone-article .article-image {
          width: 100%;
          max-width: 800px; /* 限制最大宽度，避免图片过大 */
          margin: 30px auto; /* 水平居中 */
          border-radius: 8px;
          overflow: hidden;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
        }

        #standalone-article .article-image img {
          width: 100%;
          height: auto;
          display: block;
        }

        #standalone-article .image-caption {
          text-align: center;
          color: #7f8c8d;
          font-size: 0.9rem;
          margin-top: 8px;
        }

        /* 响应式设计 */
        @media (max-width: 768px) {
          #standalone-article .article-title {
            font-size: 1.8rem;
            padding-top: 40px;
          }

          #standalone-article .article-content {
            padding: 30px 20px;
          }

          #standalone-article .article-meta {
            gap: 15px 20px;
          }

          #standalone-article .article-image {
            max-width: 100%;
          }
        }


/**************列表页样式************/
        /* 基础样式重置 - 使用#news-list-container前缀避免冲突 */
        #news-list-container * {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
        }

        #news-list-container {
          font-family: "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
          line-height: 1.6;
          color: #333;
          background-color: #f9f9f9;
          padding: 20px 0;
          width: 100%;
        }

        /* 版心样式 - PC端1200px居中，移动端100%宽度 */
        #news-list-container .container {
          width: 100%;
          max-width: 1200px;
          margin: 0 auto;
          padding: 0 15px;
        }

        /* 页面内容容器 */
        #news-list-container .content {
          width: 100%;
          background-color: #fff;
          padding: 20px;
          border-radius: 4px;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        }

        /* 标题样式 */
        #news-list-container h1 {
          color: #c7000b;
          margin-bottom: 15px;
          font-size: 24px;
          padding-bottom: 10px;
          border-bottom: 1px solid #eee;
        }

        /* 当前位置样式 */
        #news-list-container .current-position {
          color: #666;
          margin-bottom: 20px;
          font-size: 14px;
          display: flex;
          flex-wrap: wrap;
        }

        #news-list-container .current-position span:not(:last-child)::after {
          content: " > ";
          margin: 0 5px;
          color: #999;
        }

        /* 列表样式 */
        #news-list-container .list-container {
          overflow: hidden;
        }

        #news-list-container ul {
          list-style: none;
          padding: 0;
          margin: 0;
        }

        #news-list-container li {
          display: flex;
          justify-content: space-between;
          align-items: center;
          border-bottom: 1px solid #eee;
          padding: 12px 0;
          transition: background-color 0.2s;
        }

        #news-list-container li:hover {
          background-color: #f5f5f5;
        }

        #news-list-container .list-title {
          flex: 1;
          padding-right: 15px;
          font-size: 16px;
          color: #333;
          text-decoration: none;
          transition: color 0.2s;
        }

        #news-list-container .list-title:hover {
          color: #c7000b;
          text-decoration: underline;
        }

        #news-list-container .list-date {
          color: #999;
          font-size: 14px;
          white-space: nowrap;
          margin-left: 15px;
        }

        /* 分页样式 */
        #news-list-container .pagination {
          margin-top: 30px;
          text-align: center;
          color: #666;
          padding: 10px 0;
        }

        #news-list-container .pagination-info {
          margin-bottom: 10px;
          font-size: 14px;
        }

        #news-list-container .pagination-buttons {
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
          gap: 5px;
        }

        #news-list-container .pagination a {
          text-decoration: none;
          color: #333;
          border: 1px solid #ddd;
          padding: 6px 12px;
          border-radius: 4px;
          font-size: 14px;
          transition: all 0.2s;
          display: inline-block;
        }

        #news-list-container .pagination a:hover:not(.disabled):not(.active) {
          background-color: #f5f5f5;
          border-color: #ccc;
        }

        #news-list-container .pagination .active {
          background-color: #c7000b;
          color: #fff;
          border: 1px solid #c7000b;
        }

        #news-list-container .pagination .disabled {
          color: #999;
          border-color: #ddd;
          background-color: #f9f9f9;
          cursor: not-allowed;
        }

        /* 响应式调整 - 平板设备 */
        @media (max-width: 768px) {
          #news-list-container h1 {
            font-size: 20px;
          }

          #news-list-container .content {
            padding: 15px;
          }

          #news-list-container li {
            padding: 10px 0;
          }

          #news-list-container .list-title {
            font-size: 15px;
          }
        }

        /* 响应式调整 - 移动设备 */
        @media (max-width: 480px) {
          #news-list-container {
            padding: 10px 0;
          }

          #news-list-container .container {
            padding: 0 10px;
          }

          #news-list-container .content {
            padding: 10px;
          }

          #news-list-container h1 {
            font-size: 18px;
            margin-bottom: 10px;
          }

          #news-list-container .current-position {
            margin-bottom: 15px;
            font-size: 13px;
          }

          #news-list-container li {
            padding: 10px 0;
          }

          /* 移动端标题处理：单行显示，超出部分省略 */
          #news-list-container .list-title {
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%;
          }

          /* 移动端隐藏日期 */
          #news-list-container .list-date {
            display: none;
          }

          #news-list-container .pagination a {
            padding: 5px 10px;
            font-size: 13px;
          }

          #news-list-container .pagination-buttons .page-jump {
            display: none;
          }
        }