/* 首页版权信息基础样式 */
.copyrights {
  width: 100%;
  padding: 10px 0;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3));
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%); /* 水平居中 */
  z-index: 9999;
  text-align: center; /* 确保内容居中 */
  max-width: 1200px; /* 与页面主体内容宽度一致 */
}

/* 默认logo显示设置 */
.logo img.normal-logo {
  display: block;
}

.logo img.mini-logo {
  display: none;
}

.copyrights p {
  margin: 3px 0;
  font-size: 12px;
  color: #fff;
  text-align: center;
  width: 100%;
}

/* 移动端基础适配样式 */
@media screen and (max-width: 768px) {
    .tabs-content{
      .type-1{
        display: flex;
        flex-direction: column;
        .list-item{
          width: 100%;
        }
      }
    }
    /* text-container移动端适配 */
    .text-container {
      top: 20% !important;
      width: 100%;
      z-index: 995 !important; /* 降低z-index值，确保不高于导航菜单 */
    }
    
    .group1, .group2 {
      gap: 30px !important;
    }

  .text-container img{
    width: 40px !important;
    height: 40px !important;
  }
  
  .container {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }


  .header {
    height: 100px;
    flex-direction: column;
    padding: 10px 0;
    position: relative;
  }

  .logo {
    margin: 10px auto;
    width: 200px;
    height: auto;
  }

  /* 在小屏幕设备上控制logo显示 */
  .logo img.normal-logo {
    display: none;
  }
  
  .logo img.mini-logo {
    display: block;
  }

  /* 汉堡菜单按钮 */
  .mobile-menu-toggle {
    display: block !important;
    position: absolute;
    right: 15px;
    top: 35px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 1001;
  }
  .hot-jobs{
    display: none;
  }
  .common-info{
    width: auto;
    padding: 10px;
  }
  .job-count::before {
    top: 20px;
  }
  .mobile-menu-toggle span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #333;
    border-radius: 3px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
  }

  .mobile-menu-toggle span:nth-child(1) {
    top: 0px;
  }

  .mobile-menu-toggle span:nth-child(2),
  .mobile-menu-toggle span:nth-child(3) {
    top: 10px;
  }

  .mobile-menu-toggle span:nth-child(4) {
    top: 20px;
  }

  /* 汉堡菜单打开状态 */
  .mobile-menu-toggle.open span:nth-child(1) {
    top: 10px;
    width: 0%;
    left: 50%;
  }

  .mobile-menu-toggle.open span:nth-child(2) {
    transform: rotate(45deg);
  }

  .mobile-menu-toggle.open span:nth-child(3) {
    transform: rotate(-45deg);
  }

  .mobile-menu-toggle.open span:nth-child(4) {
    top: 10px;
    width: 0%;
    left: 50%;
  }

  /* 导航菜单适配 */
  .navigation {
    width: 100%;
    height: auto;
    display: none;
    position: absolute;
    top: 90px;
    left: 0;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
  }

  .navigation.open {
    display: block;
  }

  .nav {
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .nav .item {
    width: 100%;
    padding: 0;
    line-height: normal;
    border-bottom: 1px solid #eee;
  }

  .nav .item > a {
    padding: 15px;
    display: block;
    text-align: center;
  }

  .nav .item > a.active::after {
    display: none;
  }

  /* 子菜单适配 */
  .nav .child {
    position: static;
    width: 100%;
    transform: none;
    background: #f5f5f5;
    display: none;
    padding: 0;
    box-shadow: none;
  }

  .nav .item:hover .child {
    display: none;
  }

  .nav .item.open .child {
    display: block;
  }

  /* 聚赋介绍子菜单始终显示 */
  #introduce-item .child {
    display: block !important;
    border-top: 1px solid #eee;
  }

  .nav .child > a {
    color: #333;
    padding: 10px;
    text-align: center;
    line-height: 40px;
    border-top: 1px solid #eee;
  }
  
  /* 移动端子菜单项选中状态 */
  .nav .child > a.active {
    color: #d2ae5a;
    background-color: rgba(210, 174, 90, 0.1);
  }

  /* 聚赋介绍菜单高亮状态 */
  .nav #introduce-item > a.active {
    color: #d2ae5a;
  }

  /* 确保子菜单项被选中时，父菜单不高亮 */
  .nav #introduce-item .child a.active ~ a,
  .nav #introduce-item .child a ~ a.active {
    color: #333;
    background-color: transparent;
  }
  
  /* 当子菜单项被选中时，父菜单不高亮 */
  .nav #introduce-item .child a.active {
    color: #d2ae5a;
    background-color: rgba(210, 174, 90, 0.1);
  }

  /* 确保当子菜单项被选中时，父菜单不高亮 */
  .nav #introduce-item > a:not(.active) + .child a.active {
    color: #d2ae5a;
    background-color: rgba(210, 174, 90, 0.1);
  }

  /* 通用底部适配 */
  .footer {
    height: auto;
    flex-direction: column;
    padding: 20px 0;
    line-height: normal;
  }

  .footer a,
  .footer p {
    margin: 5px 0;
  }

  /* 表格通用样式 */
  .mobile-table {
    width: 100% !important;
    display: block;
    overflow-x: auto;
  }

  /* 图片通用样式 */
  img.responsive-img {
    max-width: 100%;
    height: auto;
  }

  /* 页面内容区域 */
  .container {
    padding: 0 10px;
    overflow-x: hidden;
  }

  /* 页面标题区域 */
  .bra-banner-box,
  .pro-banner-box,
  .rec-banner-box {
    height: 180px;
    margin-top: 0;
  }

  .bra-banner,
  .rec-banner {
    height: 180px;
  }

  /* 分页样式 */
  .page {
    flex-wrap: wrap;
    gap: 5px;
    margin: 15px 0;
  }

  .page a {
    margin: 3px;
  }

  /* 修复一些可能的溢出问题 */
  body {
    overflow-x: hidden;
  }


  /* 首页特定样式优化 - 修复对齐问题 */
  .banner {
    height: 100% !important;
    /* min-height: 100vh !important; */
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    overflow: hidden;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* 水平居中所有子元素 */
    justify-content: flex-start !important;
  }

  /* 确保banner内容正确定位和居中 */
  .banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }

  /* 调整文本元素定位，确保居中 */
  .banner-text1 {
    position: relative;
    top: 25vh;
    width: 80%;
    max-width: 300px;
    z-index: 2;
    margin: 0 auto !important; /* 确保水平居中 */
    left: 0 !important; /* 重置可能的左偏移 */
    right: 0 !important;
    transform: none !important; /* 重置可能的变换 */
  }

  .banner-text2 {
    position: relative;
    top: 30vh;
    width: 80%;
    max-width: 300px;
    z-index: 2;
    margin: 0 auto !important; /* 确保水平居中 */
    left: 0 !important; /* 重置可能的左偏移 */
    right: 0 !important;
    transform: none !important; /* 重置可能的变换 */
  }

  /* 移动端版权信息特定样式 */
  .footer-copyright {
    padding: 5px 0;
  }

  .copyright-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .copyright-content span {
    margin: 3px 0;
    white-space: nowrap;
  }

  /* 移除可能导致空白的边距 */
  body,
  html {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    height: 100%;
  }

  main {
    margin: 0;
    padding-top: 100px;
    min-height: calc(100vh - 100px); /* 确保main至少填满剩余视口 */
  }

  /* 修改移动端图标显示 - 调整位置到红框所示区域 */

  .test .sty-line{
    width: 1px;
    height: 70%;
    top: 15%;
  }

  /* 调整图标大小 */
  .feature-img {
    width: 28% !important; /* 略微增加图标宽度 */
    max-width: 120px !important; /* 限制最大宽度 */
    height: auto !important;
    margin: 0 !important; /* 移除边距 */
  }

  /* 确保火箭图标与其他图标对齐 */
  .rocket-img {
    margin: 0 !important;
  }

  /* 移除"关于我们"菜单项的点击事件视觉反馈 */
  .nav .item > a[href='introduce.html']:active,
  .nav .item > a[href='introduce.html']:focus {
    background: transparent;
  }

  /* 聚赋机构页面搜索区域适配 */
  .filter-section {
    flex-direction: column;
    padding: 15px;
  }

  .filter-section .search-box {
    width: 100%;
    margin-bottom: 15px;
  }

  .filter-section .search-box input {
    width: calc(100% - 60px); /* 减去搜索按钮的宽度 */
  }

  .filter-section .area-filter-box {
    width: 100%;
    margin-bottom: 15px;
  }

  .filter-section .area-filter-box:last-child {
    margin-bottom: 0;
  }

  .filter-section .area-filter-box select {
    width: 100%;
  }

  /* 调整搜索框组的样式 */
  .filter-section > div[style='display: flex; align-items: center'] {
    flex-direction: column;
    width: 100%;
    align-items: flex-start !important; /* 确保左对齐 */
  }

  /* 招贤纳士页面特定搜索区域适配 */
  .filter-section
    > div[style='display: flex; align-items: center']
    .area-filter-box {
    width: 100%;
    margin-right: 0 !important; /* 覆盖内联样式 */
    margin-bottom: 15px;
  }

  /* 确保下拉框之间没有右边距，占满整行 */
  .filter-section
    > div[style='display: flex; align-items: center']
    .area-filter-box
    select {
    width: 100%;
  }

  /* 确保搜索框和下拉框组都占满整行 */
  .filter-section > .search-box,
  .filter-section > div[style='display: flex; align-items: center'] {
    width: 100%;
  }

  /* 精英律师页面适配 */
  .lawyer-card {
    width: 44%; /* 保持宽度不变 */
    margin: 10px 5px;
  }

  .lawyer-image {
    height: 234px !important; /* 原始高度 180px 增加 30% */
    object-fit: cover;
  }

  .lawyer-card-box {
    height: 234px; /* 确保卡片容器也跟随调整 */
  }

  .lawyerCar-jbt {
    bottom: 0;
    width: 100%;
  }

  /* 确保文字信息布局正确 */
  .lawyer-info-box {
    margin-top: 10px;
  }

  /* 修改子菜单显示逻辑 */
  .nav .item > a[href='introduce.html'] + .child {
    display: none;
  }

  .nav .item.open > a[href='introduce.html'] + .child {
    display: block;
  }

  /* 在移动端隐藏所有页面的页脚 */
  footer {
    display: none;
  }

  /* 首页特定样式 - 确保首页页脚显示 */
  body:has(.banner#banner) footer {
    display: block;
  }

  /* 如果:has选择器不被支持，可以使用以下替代方案 */
  /* 为首页添加特定类，然后在HTML中添加该类 */
  body.home-page footer {
    display: block;
  }

  /* 移动端分页按钮基础样式 - 重置PC端样式 */
  .prev,
  .next {
    filter: none !important; /* 移除灰度滤镜 */
  }

  /* 移动端上一页按钮 - 默认状态(不可点击) */
  .prev.disabled {
    background-image: url('../images/组19.png') !important;
    opacity: 1 !important;
    pointer-events: none;
  }

  /* 移动端上一页按钮 - 可点击状态 */
  .prev:not(.disabled) {
    background-image: url('../images/组18拷贝.png') !important;
    opacity: 1 !important;
  }

  /* 移动端下一页按钮 - 默认状态(不可点击) */
  .next.disabled {
    background-image: url('../images/组19拷贝.png') !important;
    opacity: 1 !important;
    pointer-events: none;
  }

  /* 移动端下一页按钮 - 可点击状态 */
  .next:not(.disabled) {
    background-image: url('../images/组18.png') !important;
    opacity: 1 !important;
  }

  /* 移除移动端悬停效果，使用固定图标 */
  a.prev:hover,
  a.next:hover {
    background-color: transparent !important;
  }

  /* 调整页面顶部文字区域宽度 */
  .bra-banner-box div {
    width: 100% !important;
    top: 50% !important;
    left: 50% !important; /* 居中定位 */
    transform: translate(-50%, -50%) !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
  }

  .bra-banner-box p {
    width: 90% !important; /* 确保文字内容宽度为容器的100% */
    font-size: 14px !important; /* 适当调整字体大小 */
    text-align: center !important; /* 文字居中 */
    margin: 0 auto !important; /* 居中显示 */
  }

  /* 确保banner区域内的所有文本元素都能正确显示 */
  .bra-banner-box h3 {
    width: 100% !important;
    text-align: center !important;
    font-size: 18px !important;
  }

  /* 调整banner区域内的其他文本元素 */
  .banner-text-container {
    width: 90% !important;
    max-width: none !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  /* 招贤纳士页面表格样式优化 */
  @media screen and (max-width: 768px) {
    .map-btn-img {
      top: auto;
      bottom: 140px
    }
    .showbg-bg-img{
      top: auto;
      bottom: 60px;
    }
    /* 隐藏原表格结构 */
    table,
    tbody,
    tr {
      display: block !important;
      width: 100% !important;
      height: auto !important;
      border-collapse: separate !important;
      border-spacing: 0 !important;
      background: transparent !important;
    }

    /* 职位卡片容器 */
    tbody {
      display: flex !important;
      flex-wrap: wrap !important;
      justify-content: space-between !important;
      gap: 15px !important;
      padding: 10px 0 !important;
    }

    /* 职位卡片样式 */
    .table-row-1,
    .table-row-2 {
      display: flex !important;
      flex-direction: column !important;
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      border-radius: 10px !important;
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08) !important;
      padding: 10px !important; /* 设置卡片内边距为10px */
      overflow: hidden !important;
      background-color: #fff !important;
      height: auto !important;
      transition: transform 0.2s, box-shadow 0.2s !important;
    }

    /* 卡片悬停效果 */
    .table-row-1:hover,
    .table-row-2:hover {
      transform: translateY(-3px) !important;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
    }

    /* 重新排列表格单元格 */
    .table-row-1 td,
    .table-row-2 td {
      border-bottom: 1px solid #f0f0f0 !important;
      /* padding: 10px !important; */
    }

    /* 隐藏职位图标单元格 */
    .table-row-1 td:first-child,
    .table-row-2 td:first-child {
      display: none !important;
    }

    /* 职位名称和薪资区域 */
    td.cell:nth-child(2) {
      display: flex !important;
      justify-content: space-between !important;
      align-items: center !important;
      width: 100% !important;
      font-size: 16px !important;
      font-weight: 700 !important; /* 只在移动端加粗 */
      color: #333 !important;
      border-bottom: none !important;
      padding: 10px 0 !important;
    }

    /* 隐藏原薪资单元格 */
    td.cell:nth-child(3) {
      display: none !important;
    }

    /* 移除薪资伪元素，改为直接显示 */
    td.cell:nth-child(2)::after {
      content: none !important;
    }

    /* 添加薪资样式 */
    .salary-display {
      color: #d2ae5a !important;
      font-weight: 500 !important;
      font-size: 15px !important;
      white-space: nowrap !important;
    }

    /* 条件和薪资行 */
    td:nth-child(4) {
      display: flex !important;
      flex-wrap: wrap !important;
      padding: 10px 0 !important;
      gap: 5px !important;
      justify-content: flex-start !important;
      align-items: center !important;
    }

    /* 条件标签容器 */
    td:nth-child(4) .tags-container {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: 5px !important;
      flex: 1 !important;
    }

    /* 标签样式 */
    .requirement-tag {
      margin: 0 !important;
      font-size: 12px !important;
      padding: 3px 8px !important;
      border-radius: 4px !important;
      background-color: #fff !important;
      color: #999 !important;
      height: auto !important;
      line-height: 1.5 !important;
      display: inline-block !important;
    }

    /* 按钮区域样式 */
    td:last-child {
      display: flex !important;
      justify-content: flex-end !important;
      padding-top: 4px !important;
      border-bottom: none !important;
    }

    /* 部门标题区域调整 */
    .department-header {
      width: 100% !important;
      height: auto !important;
      padding: 0 15px !important;
      background-color: #d2ae5a !important;
      border-radius: 8px !important;
      color: white !important;
    }

    .all-jobs-title {
      font-size: 16px !important;
      font-weight: 500 !important;
      margin-bottom: 5px !important;
    }

    .job-count {
      font-size: 14px !important;
      margin-right: 15px !important;
      opacity: 0.9 !important;
    }

    .provided-jobs {
      font-size: 13px !important;
      opacity: 0.8 !important;
      margin-top: 5px !important;
    }

    /* 平板设备上显示两列布局 */
    @media screen and (min-width: 480px) and (max-width: 768px) {
      .table-row-1,
      .table-row-2 {
        width: calc(50% - 8px) !important;
        max-width: calc(50% - 8px) !important;
      }

      /* 确保奇数个职位卡片时最后一个居中 */
      tbody::after {
        content: '' !important;
        flex: auto !important;
      }
    }

    /* 小屏手机上显示单列布局 */
    @media screen and (max-width: 479px) {
      .table-row-1,
      .table-row-2 {
        width: 100% !important;
        border: 1px solid #eee;
      }
    }
  }

  /* 招贤纳士页面搜索框收起展开功能 */
  .filter-section {
    position: relative !important;
    margin: 15px 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s ease !important;
    background-color: #fff !important;
  }

  /* 搜索区域折叠状态 */
  .filter-section.collapsed {
    max-height: 50px !important;
    padding: 0 !important;
  }

  /* 搜索区域展开状态 */
  .filter-section.expanded {
    max-height: 220px;
  }

  /* 搜索区域标题栏 */
  .filter-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 15px !important;
    background-color: #f9f9f9 !important;
    cursor: pointer !important;
    border-bottom: 1px solid #eee !important;
  }

  /* 搜索区域标题文本 */
  .filter-title {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #333 !important;
  }

  /* 搜索区域展开/收起图标 */
  .filter-toggle {
    width: 20px !important;
    height: 20px !important;
    background-image: url('../images/xia.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    transition: transform 0.3s !important;
  }

  /* 展开状态的图标旋转 */
  .filter-section.expanded .filter-toggle {
    transform: rotate(180deg) !important;
  }

  /* 搜索区域内容容器 */
  .filter-content {
    padding: 15px !important;
    overflow: hidden !important;
    transition: opacity 0.3s !important;
  }

  /* 折叠状态下隐藏内容 */
  .filter-section.collapsed .filter-content {
    opacity: 0 !important;
    height: 0 !important;
    padding: 0 15px !important;
  }

  /* 展开状态显示内容 */
  .filter-section.expanded .filter-content {
    opacity: 1 !important;
    height: auto !important;
  }

  /* 搜索框样式调整 */
  .search-box {
    margin-bottom: 15px !important;
    width: 100% !important;
  }

  /* 下拉框容器调整 */
  .filter-section .area-filter-box {
    width: 100% !important;
    margin-bottom: 15px !important;
  }

  /* 最后一个元素移除底部间距 */
  .filter-section .area-filter-box:last-child {
    margin-bottom: 0 !important;
  }

  /* 职位详情页移动端适配 */
  .job-details {
    padding: 20px !important;
    min-height: auto !important;
    padding-bottom: 80px !important;
  }

  .job-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
  }

  .job-basic-info {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    padding: 15px 0 !important;
  }

  .info-item {
    gap: 10px !important;
  }

  .info-item img {
    width: 16px !important;
    height: 16px !important;
  }

  .info-item span {
    font-size: 14px !important;
  }

  .job-section {
    margin-top: 20px !important;
    padding: 0 !important;
  }

  .job-section h2 {
    font-size: 16px !important;
    margin-bottom: 12px !important;
  }

  .apply-button {
    width: 100% !important;
    height: 44px !important;
    line-height: 44px !important;
    font-size: 16px !important;
    border-radius: 22px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
  }

  /* 添加提示文本样式 */
  .apply-tip {
    font-size: 12px !important;
    color: #666 !important;
    text-align: center !important;
    margin-bottom: 8px !important;
  }

  .apply-button-container {
    position: fixed !important; /* 改为固定定位 */
    max-width: 400px !important;
    background: #fff !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1) !important;
  }

  /* 分所列表移动端适配 */
  .list .con {
    justify-content: center;
    padding: 0 10px;
  }

  .list .con .item {
    width: 100%;
    max-width: 340px;
    height: auto;
    min-height: 400px;
    margin: 0 0 20px 0;
  }

  .img-bg {
    width: 100%;
    height: 290px;
  }

  .list .con .info {
    padding: 15px 0;
  }

  .address {
    width: auto;
    height: auto;
    min-height: 40px;
    margin: 10px 0 !important;
    padding: 0 15px;
    line-height: 1.5;
  }

  .info-box {
    margin: 10px 0;
    height: auto;
    min-height: 100px;
  }

  .info-box div {
    margin: 10px 0;
  }

  /* type-2样式在移动端的适配 */
  .type-2 {
    flex-direction: column;
    padding: 20px 10px;
  }
  
  .type-2 .list-item {
    width: 100%!important;
    margin-bottom: 20px;
    padding: 15px 0;
    position: relative;
  }
  
    
  .type-2 .list-item::after {
    display: none!important;
  }

  
  .type-2 .list-icon {
    margin: 0 auto 10px;
  }
  
  .type-2 .list-item .list-header {
    text-align: center;
    margin-top: 10px;
  }
  
  /* type-3样式在移动端的适配，与type-1一致 */
  .type-3 {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .type-3 .list-item {
    width: 100% !important;
    margin: 0 0 15px 0 !important;
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;
    border: 1px solid #D8D8D8;
  }
  
  .type-3 .list-item:nth-child(1),
  .type-3 .list-item:nth-child(2),
  .type-3 .list-item:nth-child(3) {
    width: 100% !important;
    margin: 0 0 15px 0 !important;
  }
  
  .type-3 .list-item p {
    padding: 0 15px;
    color: #666;
    text-indent: 0;
    margin: 10px 0;
  }
  
  .type-3 .list-item .list-header {
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #D8D8D8;
    font-weight: 400;
    font-size: 16px;
    color: #333;
  }
  
  /* type-5样式在移动端的适配，与type-3一致 */
  .type-5 {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .type-5 .list-item {
    width: 100% !important;
    margin: 0 0 15px 0 !important;
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;
    border: 1px solid #D8D8D8;
  }
  
  .type-5 .list-item:nth-child(1),
  .type-5 .list-item:nth-child(2),
  .type-5 .list-item:nth-child(3) {
    width: 100% !important;
    margin: 0 0 15px 0 !important;
  }
  
  .type-5 .list-item p {
    padding: 0 15px;
    color: #666;
    text-indent: 0;
    margin: 10px 0;
  }
  
  .type-5 .list-item .list-header {
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #D8D8D8;
    font-weight: 400;
    font-size: 16px;
    color: #333;
  }
}

/* 在PC端隐藏重复的薪资列 */
@media screen and (min-width: 769px) {
  /* 隐藏职位名称后的薪资显示 */
  .salary-display {
    display: none !important;
  }
}

/* 在移动端隐藏原薪资列，只显示职位名称旁的薪资 */
@media screen and (max-width: 768px) {
  /* 隐藏原薪资单元格 */
  td.cell:nth-child(3) {
    display: none !important;
  }

  /* 确保职位名称单元格中的薪资正确显示 */
  .salary-display {
    color: #d2ae5a !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    white-space: nowrap !important;
    display: inline-block !important;
  }

  /* 职位名称和薪资区域布局优化 */
  td.cell:nth-child(2) {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    font-size: 16px !important;
    font-weight: 700 !important; /* 只在移动端加粗 */
    color: #333 !important;
    border-bottom: none !important;
    padding: 10px 0 !important;
  }
}

/* about页面移动端控制按钮样式覆盖 */
.about-mobile-controls .prev.disabled,
.about-mobile-controls .next.disabled,
.about-mobile-controls .prev:not(.disabled),
.about-mobile-controls .next:not(.disabled) {
  background-image: none !important;
  background: transparent !important;
}