/* list_subscription.html 专用样式 — 订阅表单页响应式适配 */

/*
 * other-input 初始隐藏状态
 * 原 HTML 中的内联 style="display: none; margin-top: 5px" 迁移至此
 * jQuery .show()/.hide() 仍可正常覆盖
 */
.v2022.subscribe .form-box .field-input.other-input {
  display: none;
  margin-top: 5px;
}

/*
 * 平板端（501–1259px）
 * 公共重置已提取至 responsive-tablet.css，此处仅保留页面专有规则
 */
@media screen and (max-width: 1259px) {
  /* 表单输入框宽度：平板下全宽 */
  .v2022.subscribe .form-box .field-input {
    width: 100%;
    box-sizing: border-box;
  }
}

/*
 * 小屏平板（768px 及以下）
 * 表单字段网格从 2 列切换为 1 列，输入框全宽
 */
@media screen and (max-width: 1259px) {
  /* form-fields：从 2 列 grid 切换为单列 */
  .v2022.subscribe .form-fields {
    display: block;
  }
  .v2022.subscribe .form-fields li {
    margin-bottom: 20px;
  }

  /* form-box 内边距缩小 */
  .v2022.subscribe .form-box {
    padding: 20px;
  }

  /* field-label 字号缩小 */
  .v2022.subscribe .form-box .form-field {
    font-size: 14px;
  }

  /* 标题字号缩小 */
  .v2022.subscribe .main-title {
    font-size: 24px;
  }

  /* 复选框标签字号缩小 */
  .v2022.subscribe .form-fields li .form-item .label {
    font-size: 15px;
  }
  .v2022.subscribe .form-fields li .iconfont {
    font-size: 20px;
  }
}