header {
  background-position: center;
}

#update {
  max-height: 1080px;
  background-position: right;
}

@media (min-width: 768px) {
  .masthead .intro-body .brand-heading {
    font-size: 130px;
  }
}

@media (max-width: 768px) {
  [data-webp="0"] header {
    background-image: url('../../assets/img/bg/bg_1_973_x_1217.png');
  }
}

@media (max-width: 768px) {
  [data-webp="1"] header {
    background-image: url('../../assets/img/bg/bg_1_973_x_1217.webp');
  }
}

@media (max-width: 768px) {
  [data-webp="0"] others {
    background-image: url('../../assets/img/bg/bg_6_768_x_1920.png');
  }
}

@media (max-width: 768px) {
  [data-webp="1"] others {
    background-image: url('../../assets/img/bg/bg_6_768_x_1920.webp');
  }
}

/* 视频 眼睛按钮颜色 */

.btn-flat.primary {
  color: #00bdff;
}

/* 防止在平板和手机上多个下载按钮连在一起 */

@media (max-width: 767px) {
  .ms-md-2 {
    margin: 0.25rem;
  }
}

@media (min-width: 1080px) {
  .masthead .intro-body .brand-heading {
    font-size: 160px;
  }
}

/* 防止删除 Ludens---1-Dark-mode-Index-Table-with-Search-Filters.css 对查看视频按钮的影响 */

.btn-secondary, .btn-secondary:hover {
  background-color: transparent;
  border-color: transparent;
}

/* 使下载模块在大屏幕上看起来不那么窄 */

.download_container {
  max-width: 90%;
}

/* 下载按钮的margin调大，并使其在小屏幕上不再连在一起 */

.download_button {
  margin: .25rem .5rem;
}

/* 词汇 Day 1 讲解 之类的前面的下载按钮会用到 */

#update-div {
}

.bs-icon {
  --bs-icon-size: .75rem;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: var(--bs-icon-size);
  width: calc(var(--bs-icon-size) * 2);
  height: calc(var(--bs-icon-size) * 2);
  color: var(--bs-primary);
}

.bs-icon-xs {
  --bs-icon-size: 1rem;
  width: calc(var(--bs-icon-size) * 1.5);
  height: calc(var(--bs-icon-size) * 1.5);
}

.bs-icon-sm {
  --bs-icon-size: 1rem;
}

.bs-icon-md {
  --bs-icon-size: 1.5rem;
}

.bs-icon-lg {
  --bs-icon-size: 2rem;
}

.bs-icon-xl {
  --bs-icon-size: 2.5rem;
}

.bs-icon.bs-icon-primary {
  color: var(--bs-white);
  background: var(--bs-primary);
}

.bs-icon.bs-icon-primary-light {
  color: var(--bs-primary);
  background: rgba(var(--bs-primary-rgb), .2);
}

.bs-icon.bs-icon-semi-white {
  color: var(--bs-primary);
  background: rgba(255, 255, 255, .5);
}

.bs-icon.bs-icon-rounded {
  border-radius: .5rem;
}

.bs-icon.bs-icon-circle {
  border-radius: 50%;
}

/* 似乎有点问题，字体用不了，就先不用了 */

/* body {
  font-family: HarmonyOSHans-Regular, Arial, Helvetica, sans-serif;
} */

/* 视频按钮的框框高度，虽然会不一样，但似乎没什么影响 */

/* .align-middle {
  height: 60px;
} */

/* body {
  background-image: url(../../assets/img/background-USC.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
} */

/* 有点不大确定，似乎max-width不会造成影响 */

/* .container-sm, .container {
  max-width: 100%;
} */

/* 设置pop-up颜色 (之后样式可适当优化) */

.modal-content {
  color: red;
}

/* countdown 倒计时 */

.countdown div {
  text-align: center;
  margin: 10px;
  width: 100px;
  padding: 15px 0;
  background: rgba(255, 255, 255, 0.12);
  border-top: 5px solid var(--bs-primary);
}

.countdown div h3 {
  font-weight: 700;
  font-size: 44px;
  margin-bottom: 15px;
}

.countdown div h4 {
  font-size: 16px;
  font-weight: 600;
}

@media (max-width: 575px) {
  .countdown div {
    width: 70px;
    padding: 10px 0;
    margin: 10px 8px;
  }
}

@media (max-width: 575px) {
  .countdown div h3 {
    font-size: 28px;
    margin-bottom: 10px;
  }
}

@media (max-width: 575px) {
  .countdown div h4 {
    font-size: 14px;
    font-weight: 500;
  }
}

.container {
  width: 90%;
}

@media (min-width: 400px) {
  .masthead .intro-body .brand-heading {
    font-size: 100px;
  }
}

section {
  background-position: center;
}

.masthead {
  background-color: transparent;
}

.download-section {
  background-color: transparent;
}

/* 去掉讲解框下方margin */

#ipi-table {
  margin-bottom: 0;
}

/* 暂时去除, 直到适配不同模式为止 */

/* 更新日志背景更改两种透明度 */

#recent-update {
  /*--bs-table-bg: rgba(33, 37, 41, 0.5);*/
  /*--bs-table-striped-bg: rgba(0, 0, 0, 0.25);*/
}

/* 同意弹窗背景改为半透明 */

.modal-content {
  /*background-color: rgba(33, 37, 41, 0.95);*/
}