/*----===========TEAMS PAGE STYLES============*/

/* 响应式列布局 */
.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.col-lg-12 {
  width: 100%;
  padding: 0 15px;
}

/* 队伍内容区域 */
.teams-content-area {
  background: var(--bg-secondary);
  padding: 20px 0 40px;
}

.teams-content {
  background: var(--pure-white);
  padding: 30px;
  margin: 0 auto;
  max-width: 1200px;
}

.teams-intro {
  color: var(--body-text);
  font-family: Arial;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 30px;
  padding: 0;
}

/* 队伍分组 */
.team-division {
  margin-bottom: 40px;
}

.team-division:last-child {
  margin-bottom: 0;
}

.division-title {
  color: var(--body-text);
  font-family: Arial;
  font-size: 54px;
  font-weight: bold;
  line-height: 74px;
  margin-bottom: 20px;
}

/* 表格容器 */
.team-table-wrapper {
  width: 100%;
  margin-bottom: 20px;
}

/* 表格样式 */
.team-table {
  width: 100%;
}

/* 表头样式 */
.team-table thead {
  background: var(--primary-color);
}

.team-table thead th {
  background: var(--primary-color);
  color: var(--pure-white);
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  padding: 10px;
  text-align: left;
}

/* 列宽设置 */
.col-no {
  width: 60px;
}

.col-team {
  width: 358px;
}

.col-country {
  width: 358px;
}

.col-manager {
  width: 358px;
}

/* 表格行样式 */
.team-table tbody tr {
  border: none;
}

/* 奇数行样式 */
.team-table tbody tr.row-odd {
  background: #eef1f6;
}

/* 偶数行样式 */
.team-table tbody tr.row-even {
  background: #dbe0e7;
}

/* 表格单元格样式 */
.team-table tbody td {
  color: var(--body-text);
  font-family: Arial;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  padding: 10px;
  text-align: left;
  /* border: 2px solid transparent;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #ffffff; */
}

.team-table tbody td:first-child {
  border-left: 2px solid transparent;
}

.team-table tbody td:last-child {
  border-right: 2px solid transparent;
}

/*----===========TEAMS PAGE RESPONSIVE STYLES============*/

/*----===========TABLET AND MOBILE (<1230px)============*/
@media (max-width: 1229px) {
  .teams-content {
    margin: 0 20px;
    padding: 20px;
  }

  .division-title {
    font-size: 42px;
    line-height: 50px;
  }

  /* 表格响应式调整 */
  .team-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .team-table {
    min-width: 800px;
  }
}

/*----===========MOBILE (<768px)============*/
@media (max-width: 767px) {
  .division-title {
    font-size: 36px;
    line-height: 44px;
  }

  .teams-intro {
    font-size: 16px;
    line-height: 22px;
  }

  .team-table {
    font-size: 14px;
    min-width: 600px;
  }

  .team-table thead th,
  .team-table tbody td {
    padding: 8px;
    font-size: 14px;
  }

  /* 列宽调整 */
  .col-no {
    width: 40px;
  }

  .col-team {
    width: 180px;
  }

  .col-country {
    width: 180px;
  }

  .col-manager {
    width: 180px;
  }
}

/*----===========SMALL MOBILE (<576px)============*/
@media (max-width: 575px) {
  .division-title {
    font-size: 28px;
    line-height: 36px;
  }

  .teams-content {
    margin: 0 10px;
    padding: 15px;
  }

  .teams-intro {
    font-size: 14px;
    line-height: 20px;
  }

  .team-table {
    font-size: 12px;
    min-width: 500px;
  }

  .team-table thead th,
  .team-table tbody td {
    padding: 6px;
    font-size: 12px;
    line-height: 16px;
  }

  /* 列宽进一步调整 */
  .col-no {
    width: 30px;
  }

  .col-team {
    width: 150px;
  }

  .col-country {
    width: 150px;
  }

  .col-manager {
    width: 150px;
  }
}