@charset "UTF-8";
:root {
  font-size: 14px;
}
@media (min-width: 1024px) {
  :root {
    font-size: 16px;
  }
}
@media (min-width: 3840px) {
  :root {
    /* 逻辑：从 3840px 开始，字号从 24px 线性向上。
       公式：(24 / 3840) * 100vw = 0.625vw
    */
    font-size: 0.625vw;
  }
}

/* --- 全局布局容器适配 --- */
.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1920px) {
  .container {
    max-width: 1800px;
  }
}
@media (min-width: 2560px) {
  .container {
    max-width: 2560px;
  }
}
@media (min-width: 3800px) {
  .container {
    max-width: 3800px;
  }
}
@media (min-width: 3840px) {
  .container {
    max-width: 93.75vw;
  }
}

/* 这里的 1rem 会随着 :root 的 font-size 变化而自动缩放 */
.w-1r {
  width: 1rem;
}

.h-1r {
  height: 1rem;
}

.nav-link.active {
  font-weight: bold;
  color: var(--bs-primary) !important;
  border-bottom: 2px solid var(--bs-primary);
}

.p-r-t {
  position: relative;
  top: -1px;
}

mg-0 {
  margin: 0 auto;
}