* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

.language-switch {
  position: absolute;
  top: 2%;
  right: 4%;
  display: flex;
  align-items: center;
  gap: 4px;
  z-index: 10;
}

.language-switch .lang-icon {
  color: #ffffff;
  font-size: 14px;
}

.language-switch .lang-option img {
  height: 20px;
  width: auto;
}

.entry-bg-wrapper {
  position: relative;
  width: 100%;
}

.entry-content {
  position: absolute;
  left: 50%;
  top: 25%;
  bottom: 0;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 5%;
  gap: 0;
}

.entry-bg-img {
  display: block;
  width: 100%;
  height: auto; /* 保持图片比例，不拉伸变形 */
}

.entry-main-en {
  width: 175%;
  height: auto;
}

.entry-main-light {
  width: 130%;
  height: auto;
}

.entry-slogan {
  font-size: 2.1rem;
  color: #ffffff;
  letter-spacing: 0.2em;
  text-align: center;
  margin-top: 3%;
}

/* 英文 / 日文状态下单独调整入口标语字体 */
body[data-entry-lang="EN"] .entry-slogan {
  font-size: 1.3rem;
  letter-spacing: 0.15em;
}

body[data-entry-lang="JPN"] .entry-slogan {
  font-size: 1.7rem;
  letter-spacing: 0.18em;
}

.entry-badges {
  margin-top: 26%;
  display: flex;
  gap: 8.5rem;
  align-items: center;
  justify-content: center;
}

.entry-badge-link {
  text-decoration: none;
}

.entry-badge-item {
  position: relative;
  display: inline-block;
}

.entry-badge-text {
  position: absolute;
  left: 50%;
  top: 6%;
  transform: translateX(-50%);
  font-size: 1.6rem;
  color: #ffffff;
  letter-spacing: 0.15em;
  white-space: nowrap;
}

/* 英文状态下，山东丰华 / 山东华科 单独调整字体 */
body[data-entry-lang="EN"] .entry-badge-text[data-lang-key="entryFenghua"],
body[data-entry-lang="EN"] .entry-badge-text[data-lang-key="entryHuake"] {
  font-size: 1.1rem;
  letter-spacing: 0.12em;
  text-align: center;
  top: -4%;
}

.entry-badge {
  height: 60px;
  width: auto;
}

.entry-bottom-left-en {
  position: absolute;
  left: 4%;
  bottom: 6%;
  height: 13%;
  width: auto;
}
/* 手机横屏样式：让整体更紧凑、信息更集中 */
@media (max-width: 896px) and (orientation: landscape) {
  html,
  body {
    height: 100%;
  }

  /* 语言切换：稍微缩小，靠右上角 */
  .language-switch {
    top: 1%;
    right: 3%;
    gap: 2px;
  }

  .language-switch .lang-option img {
    height: 16px;
  }

  /* 背景图：仍然铺满宽度 */
  .entry-bg-wrapper {
    width: 100%;
  }

  .entry-bg-img {
    width: 100%;
    height: auto;
  }

  /* 中间内容：稍微往上挪，缩小比例 */
  .entry-content {
    top: 10%;
    bottom: 10%;
  }

  .entry-main-en {
    width: 175%;       /* 保持清晰但不太大 */
  }

  .entry-main-light {
    width: 42%;
  }

  .entry-slogan {
    font-size: 1.6rem;
    margin-top: 2%;
  }

  /* 下方两个入口徽标：缩小一点，间距减小 */
  .entry-badges {
    margin-top: 35%;
    gap: 3rem;
  }

  .entry-badge {
    height: 60px;
  }

  .entry-badge-text {
    font-size: 1.2rem;
  }

  /* 左下英文图片：略缩小，避免贴太边 */
  .entry-bottom-left-en {
    left: 3%;
    bottom: 5%;
    height: 11%;
  }

  /* 英文横屏：标语 + 徽标文字单独缩放 */
  body[data-entry-lang="EN"] .entry-slogan {
    font-size: 0.86rem;
    letter-spacing: 0.12em;
  }

  body[data-entry-lang="EN"] .entry-badge-text[data-lang-key="entryFenghua"],
  body[data-entry-lang="EN"] .entry-badge-text[data-lang-key="entryHuake"] {
    font-size: 1rem;
    letter-spacing: 0.08em;
  }

  /* 日文横屏：标语 + 徽标文字单独缩放 */
  body[data-entry-lang="JPN"] .entry-slogan {
    font-size: 0.9rem;
    letter-spacing: 0.14em;
  }

  body[data-entry-lang="JPN"] .entry-badge-text[data-lang-key="entryFenghua"],
  body[data-entry-lang="JPN"] .entry-badge-text[data-lang-key="entryHuake"] {
    font-size: 1.05rem;
    letter-spacing: 0.1em;
    top: 18%;
  }
}