.subscribe-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.subscribe-left {
  flex: 1;
}

.subscribe-image {
  width: 100%;
  height: auto;
  display: block;
}

/* 默认显示 desktop，mobile 图片隐藏，通过 media query 切换 */
.subscribe-image--mobile{ display: none; }
.subscribe-image--desktop{ display: block; }

.subscribe-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  max-width: 630px;
  gap: 12px; /* 保证 title/desc/输入/blocks 之间有间距，避免重叠 */
}
.subscribe-section {
  margin-top: var(--margin-pc-top);
  margin-bottom: var(--margin-pc-bottom);

  padding-top: var(--padding-pc-top);
  padding-left: var(--padding-pc-left);
  padding-right: var(--padding-pc-right);
  padding-bottom: var(--padding-pc-bottom);
  background-color: var(--bg);
}

.subscribe-title2 {
  font-size: var(--title-size);
  color: var(--title-color);
  font-weight: var(--title-weight);
  font-family: var(--sort-title-font);
}

.subscribe-desc2 {
  font-size: var(--desc-size);
  color: var(--desc-color);
}

.subscribe-input input {
  font-size: var(--input-size);
}

/* .subscribe-input button {
  background: var(--btn-bg);
  color: var(--btn-color);
  font-size: var(--btn-size);
} */


.subscribe-form {
  display: flex;
  gap: 10px;
}

.subscribe-input {
  flex: 1;
  /* 不设置固定高度，避免 tips 提示被遮挡/重叠 */
}

/* 将 input 的高度和样式设置在输入元素上 */
.subscribe-input .field__input,
.subscribe-input input.field__input{
  height: 48px;
  box-sizing: border-box;
  width: 100%;
  padding: 0 12px;
  font-size: var(--input-size);
}

.subscribe-input .tips-card {
  /* 确保提示独立占位，不覆盖文本 */
  width: 100%;
}

.subscribe-button {
  height: 48px;
  padding: 0 24px;
  background: black;
  color: white;
  border: none;
  cursor: pointer;
}
.subscribe-image--mobile {
  display: none;
}

.subscribe-image--desktop {
  display: block;
}

/* 移动端 */
@media (max-width: 768px) {
  .subscribe-container {
    flex-direction: column;
  }
    .subscribe-section {
    margin-top: var(--margin-mb-top);
    margin-bottom: var(--margin-mb-bottom);
    padding-left: var(--padding-mb-left);
    padding-right: var(--padding-mb-right);
    padding-top: var(--padding-mb-top);
    padding-bottom: var(--padding-mb-bottom);
  }

   .subscribe-image--mobile {
    display: block;
  }

  .subscribe-image--desktop {
    display: none;
  }
}