/* 公共样式 */
/* 高亮语言链接 */
html[lang="zh-CN"] .language-cn,
html[lang="en"] .language-en {
  color: #d4ab85 !important;
}

/* 一级导航菜单点击的颜色 */
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: #fff;
}

.borders {
  border: 1px solid red;
}

/* 表格表头的样式 - 天蓝 */
.table-style-sky-blue {
  --mdb-table-color: #2a3f54;
  --mdb-table-bg: #7bafd4;
  --mdb-table-border-color: #7bafd4;
  /* border-color: #7bafd4; */
}

.table-style-sky-blue-thead {
  --mdb-table-color: #fff;
  --mdb-table-bg: #2a3f54;
  --mdb-table-border-color: #2a3f54;
  /* border-color: #7bafd4; */
}

/* 表格表头的样式 - ⽶黄 */
.table-style-beige {
  --mdb-table-color: #2a3f54;
  --mdb-table-bg: #ddcab0;
  border-color: #ddcab0;
}

.text-white-2 {
    color: rgba(255, 255, 255, 0.2) !important;
  }

/* 公共样式 */

/* ———————————————— 电脑端样式———————————————— */

@media (min-width: 768px) {
  /* 导航栏的高度 */
  .navbar {
    padding: 10px 0 !important;
  }

  .navbar-brand {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-right: 0 !important;
  }
  /* 导航栏的高度 */

  /*  海报全屏 */
  .bg {
    margin-top: 70px !important;
  }

  .button-box {
    display: grid;
    grid-auto-flow: column;
    /* 单行排列 */
    grid-auto-columns: max-content;
    /* 按内容宽度自适应 */
    overflow-x: auto;
    gap: 20px;
    /* padding-bottom: 15px; */
  }

  .button-boxs {
    gap: 20px;
  }

  /* 电脑端内边距 */
  .pc-spacing-PTB {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    /* border: 1px solid green !important; */
  }

  /* 公共底部 */
  footer {
    background-color: #2a3f54 !important;
    padding-top: 2.5rem !important;
    padding-bottom: 0.51rem !important;
  }

  footer .school-name a {
    color: #bcc2cc;
    font-size: 14px !important;
  }

  footer .school-name a:hover {
    color: #ddcab0;
  }

  footer .beian a {
    color: #bcc2cc !important;
  }

  footer .beian a:hover {
    color: #ddcab0;
  }

  /* 返回顶部按钮 */
  #btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 9999;
    border: 0.5px solid rgba(255, 255, 255, 0.2);
  }
  .beige {
    background-color: #ddcab0 !important;
  }

  .sky-blue {
    background-color: #7bafd4 !important;
  }

  #btn-back-to-top i {
    color: #fff !important;
  }
  /* 返回顶部按钮 */
}

/* ———————————————— 移动端样式 ———————————————— */

@media (max-width: 767px) {
  /* 导航栏的高度 */
  .navbar {
    padding: 17px 0;
  }

  .navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
  }
  /* 导航栏的高度 */

  /*  海报全屏 */
  .bg {
    margin-top: 68px !important;
  }

  /* ——————————  新移动端首页  —————————— */

  /* 移动端导航样式 */
  .button-box {
    display: grid;
    grid-auto-flow: column;
    /* 单行排列 */
    grid-auto-columns: max-content;
    /* 按内容宽度自适应 */
    overflow-x: auto;
    gap: 15px;
    padding-bottom: 15px;
    /* font-weight: 400 !important; */
  }
  .button-box-home-one {
    display: grid;
    grid-auto-flow: column;
    /* 单行排列 */
    grid-auto-columns: max-content;
    /* 按内容宽度自适应 */
    overflow-x: auto;
    overflow-y: hidden;
    gap: 8px;
  }

  #home-one::-webkit-scrollbar {
    display: none; /* 隐藏滚动条但保留滚动功能 */
  }

  /* —————— 移动端导航样式 - 开始 —————— */
  .button-boxs {
    gap: 15px;
  }

  .button-boxs .nav-item a {
    width: 112px;
    height: 40px;
    padding-top: 12px !important;
    padding-left: 5px;
    padding-right: 5px;
    text-transform: capitalize !important;
  }

  /* 团队 */
  .team-nav-en .nav-item a {
    width: 150px;
  }

  .team-nav-en .nav-item:last-child a {
    width: 170px;
  }

  /* 学⽣咨询 */
  .enquiry-nav-en .nav-item:nth-child(2) a {
    width: 140px;
  }

  .enquiry-nav-en .nav-item:last-child a {
    width: 80px;
  }

  /* —————— 移动端导航样式 - 结束 —————— */

  /* —————— 横向滚动条样式 —————— */
  /* 横向滚动条整体宽度 */
  ::-webkit-scrollbar {
    height: 0.5px; /* 横向滚动条高度 */
    display: none;
  }

  /* 滚动条轨道 */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 8px;
  }

  /* 滚动条滑块 */
  ::-webkit-scrollbar-thumb {
    background: #eeeeee;
    border-radius: 8px;
  }

  /* 滑块悬停效果 */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }

  /* 单独定制横向滑块颜色（可选） */
  ::-webkit-scrollbar-thumb:horizontal {
    /* background: #7bafd4; */
  }
  /* —————— 横向滚动条样式 —————— */

  /* —————— 导航栏样式 —————— */

  /* 导航栏的宽度 */
  .navbar .container,
  .navbar .container-fluid {
    --mdb-gutter-x: 1.875rem;
  }

  .navbar .navbar-toggler,
  .navbar .navbar-toggler {
    padding-right: 0;
  }

  /* 移动端LOGO高度 */
  .logo {
    height: 36px;
  }

  /* 汉堡菜单 */
  .animated-icon {
    width: 24px;
    height: 22px;
  }

  .animated-icon span {
    height: 2px;
  }

  /* 移动端下拉导航栏字号 */
  .dropdown .dropdown-menu .dropdown-item {
    font-size: 1rem;
  }

  /* 二级菜单上下的距离 */
  .dropdown-menu {
    padding: 0.6rem 0;
  }

  .language-icon {
    margin-right: 1rem;
  }

  .language-logo-cn {
    height: 18px;
  }

  .language-logo-en {
    height: 13px;
  }

  /* —————— 导航栏样式 —————— */

  /* —————— 内外边距样式 —————— */
  /* 外边距 */
  .mobile-spacing-MTB {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
    /* border: 1px solid red !important; */
  }

  /* 上外边距 */
  .mobile-spacing-MT {
    margin-top: 2.5rem !important;
    /* border: 1px solid orange !important; */
  }

  /* 下外边距 */
  .mobile-spacing-MB {
    margin-bottom: 2.5rem !important;
    /* border: 1px solid orange !important; */
  }

  /* 内边距 */
  .mobile-spacing-PTB {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
    /* border: 1px solid green !important; */
  }

  /* 上内边距 */
  .mobile-spacing-PT {
    padding-top: 2.5rem !important;
    /* border: 1px solid orange !important; */
  }

  /* 下内边距 */
  .mobile-spacing-PB {
    padding-bottom: 2.5rem !important;
    /* border: 1px solid orchid !important; */
  }

  /* —————— 内外边距样式 —————— */

  /* —————— 按钮样式 —————— */
  .btn-style {
    width: 126px;
    height: 40px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    box-shadow: 0px 0px 0px 0px !important;
    /* border: 1px solid red !important; */
  }

  /* —————— 按钮样式 —————— */

  /* —————— 删除阴影样式 —————— */
  .btn {
    box-shadow: 0px 0px 0px 0px !important;
    box-shadow: none !important;
  }

  /* 卡片样式 */
  .card-style {
    border: 1px solid #f7f7f7;
    box-shadow: none !important;
  }

  /* —————— 删除阴影样式 —————— */

  /* 大标题颜色 */
  .black-color-333 {
    color: #333 !important;
  }

  /* 公共底部 */
  footer {
    background-color: #DDCAB0 !important;
    padding-top: 2.5rem !important;
    /* padding-bottom: 1rem !important; */
  }

  footer .school-name a {
    color: #2a3f54;
    font-size: 15px !important;
  }

  footer .school-name a:hover {
    color: #ddcab0;
  }

  footer .beian {
    background-color: #2a3f54 !important;
  }

  footer .beian a {
    color: #bcc2cc !important;
  }

  footer .beian a:hover {
    color: #ddcab0;
  }
  /* 公共底部 */

  /* 标题上间距 */
  .mts-5 {
    margin-top: 5px !important;
  }
  .mts-10 {
    margin-top: 10px !important;
  }
  .mts-15 {
    margin-top: 15px !important;
  }
  .mts-20 {
    margin-top: 20px !important;
  }

  /* 标题下间距 */
  .mbs-5 {
    margin-bottom: 5px !important;
  }
  .mbs-10 {
    margin-bottom: 10px !important;
  }
  .mbs-15 {
    margin-bottom: 15px !important;
  }
  .mbs-20 {
    margin-bottom: 20px !important;
  }

  .mbs-26 {
    margin-bottom: 26px !important;
  }

  .mbs-30 {
    margin-bottom: 30px !important;
  }

  .mbs-32 {
    margin-bottom: 32px !important;
  }

  .mbs-40 {
    margin-bottom: 40px !important;
  }

  /* 内间距 */
  .px-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  /* 返回顶部按钮 */
  #btn-back-to-top {
    position: fixed;
    bottom: 20%;
    right: 30px;
    display: none;
    z-index: 9999;
    box-shadow: 0px 0px 0px 0px !important;
  }

  #btn-back-to-top img {
    width: 70px;
    height: auto;
  }
  /* 返回顶部按钮 */

  /* 底部二个二维码 */
  .QR-code-footer {
    margin-top: 14px !important;
    margin-bottom: 30px !important;
    /* border: 1px solid red !important; */
  }
  .QR-code-footer .border-tops {
    border-top: 1px solid rgb(42, 63, 84, 0.2);
    padding-top: 30px !important;
    /* border: 1px solid red !important; */
  }
  .QR-code-footer .border-tops .fs-15-m {
    margin-top: 8px !important;
  }

  /* 第一屏Tab样式 */
  #section-one .bg-black-transparent {
    padding-top: 20px;
    padding-bottom: 40px;
    background-color: rgba(0, 0, 0, 0.42) !important;
  }
  #section-one .bg-black-transparent .nav-tabs {
    margin-bottom: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }

  #section-one .bg-black-transparent .nav-tabs .nav-link {
    color: #fff;
    background-color: transparent !important;
    padding-left: 0;
    padding-right: 0;
    margin-right: 30px;
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 6px !important;
    padding-top: 0px !important;
  }

  #section-one .bg-black-transparent .nav-tabs-en .nav-link {
    margin-right: 20px;
  }

  #section-one .bg-black-transparent .nav-tabs li:nth-child(3) .nav-link {
    margin-right: 0;
  }

  #section-one .bg-black-transparent .nav-tabs .nav-link.active {
    border-bottom: 1px solid #7bafd4;
    font-size: 18px;
    color: #7bafd4;
  }

  @media (max-width: 393px) {
    #section-one .bg-black-transparent .nav-tabs-en .nav-link {
      margin-right: 15px;
    }

    #section-one .bg-black-transparent .nav-tabs-en .nav-link.active {
      font-size: 16px;
    }
  }

  #section-one .bg-black-transparent .tab-content .col-4,
  #section-one .bg-black-transparent .tab-content .col-6,
  #section-one .bg-black-transparent .tab-content .col-8,
  #section-one .bg-black-transparent .tab-content .col-12 {
    font-size: 15px !important;
    margin-bottom: 15px;
    /* border: 1px solid red; */
  }
  /* 第一屏Tab样式 */

  /* 第二屏 - 学术成果 */
  .home-scholarship {
    margin-top: 16px !important;
    margin-bottom: 30px;
  }

  /* 白色-⽶黄 */
  .btn-outline-white {
    color: #fff !important;
    background-color: transparent !important;
    border: 1px solid #fff !important;
    box-shadow: 0 !important;
  }

  /* 手风琴的箭头 */
  .accordion {
    --mdb-accordion-btn-icon-width: 0.875rem;
  }
}

/* 超小屏幕设备（如 iPhone 4/5 等较老款手机） */
@media (min-width: 320px) and (max-width: 374px) {
}

/* 小屏幕设备（如 iPhone 6/7/8 等） */
@media (min-width: 375px) and (max-width: 413px) {
}

/* 中等屏幕设备（如 iPhone 6 Plus/7 Plus/8 Plus 等） */
@media (min-width: 414px) and (max-width: 767px) {
}