/* RinFire 中文首页第二屏：锐火体感手柄 */
.rf-home-zh .rf-zh-controller {
  align-items: center;
  background: #aaa;
  display: grid;
  gap: clamp(32px, 2.65vw, 54px);
  grid-template-columns: minmax(340px, 0.62fr) minmax(0, 1fr);
  height: auto;
  min-height: 594px;
  overflow: hidden;
  padding: 56px clamp(28px, 2.55vw, 52px) 54px clamp(44px, 5.2vw, 106px);
  position: relative;
}

.rf-home-zh .rf-zh-controller-copy {
  left: auto;
  padding: 0;
  position: static;
  text-align: center;
  top: auto;
  width: auto;
  z-index: 2;
}

.rf-home-zh .rf-zh-controller-copy h2 {
  color: #2f2e2e;
  font-size: clamp(32px, 2.05vw, 42px);
  font-weight: 800;
  line-height: 1.25;
  margin: 0 0 45px;
}

.rf-home-zh .rf-zh-controller-copy .rf-zh-outline-button {
  background: transparent;
  border: 2px solid #2f2e2e;
  border-radius: 999px;
  color: #2f2e2e;
  font-size: 16px;
  font-weight: 600;
  min-width: 138px;
  padding: 8px 22px;
}

.rf-home-zh .rf-zh-controller-copy .rf-zh-outline-button:hover,
.rf-home-zh .rf-zh-controller-copy .rf-zh-outline-button:focus-visible {
  background: #2f2e2e;
  border-color: #2f2e2e;
  color: #fff;
}

.rf-home-zh .rf-zh-controller-media {
  aspect-ratio: 12 / 5;
  border-radius: clamp(22px, 1.6vw, 33px);
  display: block;
  height: auto;
  overflow: hidden;
  width: 100%;
}

.rf-home-zh .rf-zh-controller-media img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

@media (max-width: 1023px) {
  .rf-home-zh .rf-zh-controller {
    gap: 28px;
    grid-template-columns: minmax(260px, 0.58fr) minmax(0, 1fr);
    min-height: 440px;
    padding: 42px 32px;
  }

  .rf-home-zh .rf-zh-controller-copy h2 {
    font-size: clamp(28px, 3.4vw, 35px);
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  .rf-home-zh .rf-zh-controller {
    gap: 28px;
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    padding: 38px 20px 42px;
  }

  .rf-home-zh .rf-zh-controller-copy {
    padding: 0;
  }

  .rf-home-zh .rf-zh-controller-copy h2 {
    font-size: clamp(27px, 7vw, 34px);
    margin-bottom: 22px;
  }

  .rf-home-zh .rf-zh-controller-media {
    aspect-ratio: 4 / 5;
    border-radius: 22px;
  }
}

@media (max-width: 420px) {
  .rf-home-zh .rf-zh-controller {
    gap: 24px;
    padding: 32px 14px 36px;
  }

  .rf-home-zh .rf-zh-controller-copy h2 {
    font-size: 26px;
    margin-bottom: 18px;
  }

  .rf-home-zh .rf-zh-controller-copy .rf-zh-outline-button {
    font-size: 15px;
    min-width: 132px;
    padding: 8px 20px;
  }

  .rf-home-zh .rf-zh-controller-media {
    border-radius: 18px;
  }
}