/* ========== 研发中心页专属样式 ========== */

/* 顶部主图：宽度与视口一致，高度按比例自动，完整显示 */
.rd-hero {
  position: relative;
  overflow: hidden;
}

.rd-hero-img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.rd-hero-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  z-index: 1;
}

.rd-hero-content .container {
  margin-right: 10%;
  margin-left: auto;
  text-align: right;
}

.rd-hero-title-img-wrap {
  margin-bottom: 0.75rem;
}

.rd-hero-title-img {
  display: inline-block;
  width: 22%;
  max-width: 260px;
  height: auto;
}

.rd-hero-subtitle {
  font-size: 1.6rem;
  color: #ffffff;
  margin: 0;
  letter-spacing: 0.2em;
}

/* 主体内容整图：位于主图下方，宽度等于显示宽度，比例不变、完整显示 */
.rd-main {
  background-color: #f5f9ff;
  padding: 3rem 0 4rem;
}

.rd-main-inner {
  position: relative;
  margin: 0 auto;
}

.rd-main-img {
  display: block;
  width: 100%;
  height: auto;
}

/* 覆盖在主体内容图上的“研发中心”白色文字 */
.rd-main-title {
  position: absolute;
  left: 13%;
  top: 2%;
  font-size: 2rem;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 0.15em;
}

/* 英文状态下：可单独调整 .rd-main-title 的位置和字体 */
body.lang-en .rd-main-title {
  top: 2.5%;
  font-size: 1.7rem;
  letter-spacing: 0em;
}

/* 日文状态下：可单独调整 .rd-main-title 的位置和字体 */
body.lang-jpn .rd-main-title {
  top: 2.5%;
  font-size: 1.6rem;
  letter-spacing: 0em;
}

/* 三个标签：中英文分开，颜色 #257aae，可单独用 top/left 微调 */
.rd-label {
  position: absolute;
  color: #257aae;
  max-width: 80%;
  min-width: 320px;
}

.rd-label-cn {
  display: inline;
  font-size: 1.2rem;
}

.rd-label-cn::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 1.3em;
  background-color: #257aae;
  margin-right: 0.5rem;
  vertical-align: middle;
}

.rd-label-en {
  display: inline;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  margin-left: 0.5rem;
}

.rd-label-desc {
  margin: 0.8rem 0 0 0;
  font-size: 0.77rem;
  line-height: 1.7;
  color: #000000;
}

.rd-label-1 { left: 12.5%; top: 13%; }
.rd-label-2 { left: 12.5%; top: 25%; }
.rd-label-3 { left: 12.5%; top: 37%; }
