body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-image: url('./img/MasterDDSSlicePNGee11c1153214e6f5f9f499785adea066.png');
  background-size: cover; /* 使背景图片覆盖整个容器 */
  background-position: center; /* 居中显示背景图片 */
  background-repeat: no-repeat; /* 防止背景图片重复 */
  background-attachment: fixed; /* 背景图固定，随页面滚动 */
  margin: 0;
  padding: 0;
}
input {
  background-color: transparent;
  border: 0;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}

.button-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.specialty-button {
    flex: 1 1 45%; /* 每个按钮占据45%的宽度，留出间隙 */
    margin: 5px; /* 上下左右的间距 */
    box-sizing: border-box;
    border-radius: 8px; /* 圆角为8 */
    opacity: 1; /* 不透明 */
    background: transparent; /* 设置为透明背景 */
    color: white; /* 设置按钮文字颜色为白色 */
    cursor: pointer; /* 鼠标悬停时显示手型 */
    height: 35px; /* 固定按钮高度为35px */
    border: none; /* 移除边框 */
}

.school-button {
    flex: 1 1 90%; /* 占据两个按钮的宽度 */
    margin: 5px 0; /* 上下间距为10px（上下各5px） */
    padding: 10px; /* 按钮内边距 */
    box-sizing: border-box; /* 包含边框和内边距 */
    border-radius: 8px; /* 圆角 */
    background: linear-gradient(0deg, #4D719D 0%, #A0AFC5 100%); /* 背景渐变 */
    color: white; /* 按钮文字颜色 */
    cursor: pointer; /* 鼠标悬停时显示手型 */
    border: none; /* 移除描边 */
    height: auto; /* 取消固定高度，允许自适应 */
}

.grid_1 button + button {
    margin-top: 10px; /* 按钮之间的上下距离为10px */
}

.full-page-container {
    margin: 0 auto; /* 居中对齐 */
    padding: 0;
    width: 100%; /* 确保宽度为100% */
    max-width: 428px; /* 固定最大宽度为428像素 */
    min-height: 100vh; /* 确保最小高度为视口高度 */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* 确保内容在垂直方向上居中 */
}

.text-wrapper_1 span, .paragraph_1 {
    text-shadow: 0.8px 0.8px 0.8px rgba(255, 255, 255, 0.8); /* 恢复为0.8像素的白色阴影 */
}

.footer-image {
    display: block;
    margin: 20px auto; /* 居中显示并与其他内容保持20px的距离 */
    max-width: 100%; /* 确保图片不会超出容器宽度 */
    height: auto; /* 保持图片比例 */
}

.paragraph_1 {
    width: 207px;
    height: auto; /* 允许高度自适应 */
    -webkit-text-stroke: 0.3px rgba(255, 255, 255, 1);
    overflow-wrap: break-word;
    color: rgba(138, 44, 23, 1);
    font-size: 14px;
    font-family: AlibabaPuHuiTi-Regular;
    font-weight: NaN;
    text-align: center;
    line-height: 19px;
    margin: 13px 0 14px 113px;
    white-space: nowrap; /* 防止换行 */
}