/*
 * 375px 设计稿 rem 适配：
 * 375px 视口时 1rem = 100px；750px 及以上时 1rem = 200px。
 */
:root {
  font-size: 26.666667vw;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

@media (min-width: 750px) {
  :root {
    font-size: 200px;
  }
}

html {
  width: 100%;
  min-width: 0;
  min-height: 100vh;
  background: #eef1f6;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

body {
  width: 3.75rem;
  min-width: 0;
  min-height: 100vh;
  margin: 0 auto;
  padding-bottom: calc(.75rem + var(--safe-bottom));
}

.page {
  position: relative;
  width: 3.75rem;
  min-width: 0;
  max-width: 750px;
  margin: 0 auto;
}

.status,
.header,
.block {
  width: 3.75rem;
}

.hero,
.news-card,
.panel,
.book-list {
  width: 3.43rem;
}

.teacher-window,
.app-banner {
  width: 3.51rem;
}

.course-list,
.file-list,
.teacher-row,
.campus-list {
  max-width: 100%;
}

.teacher-card,
.photo {
  width: 2.95rem;
}

.teacher-card {
  flex-basis: 2.95rem;
}

.campus-list article,
.campus-list img {
  width: 3.01rem;
}

.campus-list article {
  flex-basis: 3.01rem;
}

.app-copy a {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
}

.bottom {
  left: 50%;
  width: 3.75rem;
  max-width: 750px;
  height: calc(.75rem + var(--safe-bottom));
  padding-bottom: calc(.16rem + var(--safe-bottom));
  transform: translateX(-50%);
}

img {
  max-width: 100%;
}