.top-image-container {
  position: relative;
  overflow: hidden;
  width: 100vw;
  max-width: none;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.top-image {
  width: 100%;
  height: auto;
  max-height: 60vh;
  min-height: 400px;
  object-fit: cover;
  display: block;
}

.top-image-text {
  position: absolute;
  top: 50%;
  /* 1. 将容器在视口中水平居中 */
  left: 50%;
  transform: translate(-50%, -50%);
  
  /* 2. 默认采用大屏幕桌面端样式，与 .rst-content 的行为保持一致 */
  width: var(--xl-main-width);
  max-width: var(--xl-main-max-width);
  box-sizing: border-box;

  color: white;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

/* 
  3. 中等屏幕样式 (992px - 1300px)
  覆盖默认的大屏样式，以适配中等尺寸屏幕。
*/
@media (min-width: 992px) and (max-width: 1300px) {
  .top-image-text {
    width: var(--md-main-width);
    max-width: var(--md-main-max-width);
  }
}

/* 
  4. 移动端/小屏幕样式 (<= 991px)
  覆盖默认的大屏样式，以适配小尺寸屏幕。
*/
@media (max-width: 991px) {
  .top-image-text {
    /* 在小屏幕上，宽度设为100% */
    width: 100%;
    /* 移除大屏幕下的最大宽度限制 */
    max-width: none;
    /* 应用与 .rst-content 相同的内边距以对齐 */
    padding-left: var(--topnav-margin-left);
    padding-right: var(--topnav-margin-left);
  }
}

.top-image-text h2 {
  font-size: 3em;
  margin-bottom: 0.5em;
  text-align: left;

  font-weight: bold !important;
  font-family: "SourceHanSansCN-Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
  font-size: 30px !important;
  margin-bottom: 0.5em !important;
  text-align: left;
  color: white !important;
  /* 確保 h2 是白色 */
}

.top-image-text p {
  font-size: 24px !important;
  line-height: 1.425 !important;
  font-family: "SourceHanSansCN-Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  text-align: left;
  margin: 0;

  max-width: clamp(30%, calc(90% - 10%*(100vw - 768px) / 100px), 90%);
  width: clamp(30%, calc(90% - 10%*(100vw - 768px) / 100px), 90%);

  /* 遇到長單字或URL自動斷行 */
  overflow-wrap: break-word;
  /* 保證自動換行 */
  white-space: normal;
  /* 允許自動換行 */
  display: block;
  /* 預設p已是block，也讓.features是block */
}

.top-image-text .features {
  font-size: 16px !important;
  font-family: "SourceHanSansCN-Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  border-right: 1px solid #fff;
  text-align: left;
  line-height: 1.425 !important;
  margin-top: 10px;

  max-width: 95%;
  width: 95%;
  /* 遇到長單字或URL自動斷行 */
  overflow-wrap: break-word;
  /* 保證自動換行 */
  white-space: normal;
  /* 允許自動換行 */
  display: block;
  /* 預設p已是block，也讓.features是block */
}