.kosmo-form-shell .iti {
    display: block;
    width: 100%;
    margin-bottom: 0;
  }

  .kosmo-form-shell .iti input.iti__tel-input,
  .kosmo-form-shell .iti input.iti__tel-input[type="tel"] {
    margin-bottom: 40px;
    padding-left: 100px;
  }

  .kosmo-form-shell .iti--allow-dropdown {
    margin-bottom: 20px !important;
  }

  .kosmo-form-shell .iti--inline-dropdown .iti__dropdown-content {
    width: 100%;
    box-sizing: border-box;
  }

  .kosmo-form-shell.form_frame {
    margin: 5% 0;
  }

  .kosmo-form-shell .logo_wrap {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .kosmo-form-shell .logo_text {
    font-family: 'Maven Pro Bold', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 22px;
    letter-spacing: 0.1em;
    color: #1F1F1F;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .kosmo-form-shell .hesai_form_header h3 {
    font-size: 28px;
    line-height: 1.3;
  }

  .kosmo-form-shell .terms input.form_check[type="checkbox"] {
    flex-shrink: 0;
  }

  /* textarea 样式统一 */
  .kosmo-form-shell textarea.textarea {
    background-color: #FAFAFA;
    border: #F1F1F1 1px solid;
    padding: 16px;
    font-size: 14px;
    line-height: 16px;
    font-family: 'Maven Pro', '思源黑体', sans-serif;
    font-weight: 500;
    color: #273029;
    width: 100%;
    box-shadow: none;
    min-height: 50px;
    resize: vertical;
  }

  .kosmo-form-shell textarea.textarea::placeholder {
    font-weight: 300;
    color: #999;
  }

  /* 字段两列布局（textarea 独占整行） */
  .kosmo-form-shell .basicInfo-frame {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
  }

  .kosmo-form-shell .basicInfo-frame > .field-wrap {
    width: 49% !important;
  }

  /* textarea 独占一行：同时让它的外层 field-wrap 也100% */
  .kosmo-form-shell .basicInfo-frame > .field-wrap:has(> .full-width-field) {
    width: 100% !important;
  }

  .kosmo-form-shell .basicInfo-frame .full-width-field label {
    display: block;
    margin-bottom: 10px;
  }

  /* 移动端单列 */
  @media screen and (max-width: 767px) {
    .kosmo-form-shell .basicInfo-frame > .field-wrap,
    .kosmo-form-shell .basicInfo-frame > .field-wrap:has(> .full-width-field) {
      width: 100% !important;
    }
  }

  /* select2 国家选择器样式统一 */
  .kosmo-form-shell .select2-container {
    display: block;
    margin-bottom: 0;
  }

  .kosmo-form-shell .select2-container .select2-selection--single {
    height: auto;
    padding: 11px 15px;
    margin-bottom: 40px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-family: 'Maven Pro', '思源黑体', sans-serif;
  }

  .kosmo-form-shell .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    line-height: normal;
  }

  .kosmo-form-shell .select2-container .select2-selection--single .select2-selection__placeholder {
    color: black;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
  }

  .kosmo-form-shell .select2-container .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: 0;
    right: 8px;
  }

  /* -------------------------------------------------------------------
     基础控件样式（输入框 / 原生 select）
     原为各页面 CMS 参数 append_header 里重复配置的补充 CSS，现统一收敛
     到模板内联样式：所有使用本模板的页面共享同一份样式，页面参数无需再配。
     ------------------------------------------------------------------- */
  .kosmo-form-shell .basicInfo-frame input {
    height: 50px;        /* 根据设计调整，例如 44px、48px、52px */
    line-height: 1;      /* 或 normal，由高度控制垂直位置 */
  }

  .kosmo-form-shell .basicInfo-frame select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 40px;

    padding: 14px 36px 14px 15px;
    height: 50px;        /* 根据设计调整，例如 44px、48px、52px */
    line-height: 1;      /* 或 normal，由高度控制垂直位置 */

    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;

    font-family: 'Maven Pro', '思源黑体', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: #273029;

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%23273029' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 10px 6px;

    cursor: pointer;
    outline: none;
  }

  /* 2. IE10/11 隐藏原生下拉箭头（防御性） */
  .kosmo-form-shell .basicInfo-frame select::-ms-expand {
    display: none;
  }

  /* 3. Safari/Chrome 兜底：去除原生残留圆角和内阴影 */
  @supports (-webkit-appearance: none) {
    .kosmo-form-shell .basicInfo-frame select {
      box-shadow: none;
      text-indent: 0.01px;       /* 修复 Safari 文本贴边问题 */
    }
  }

  /* 4. iOS Safari：聚焦时避免页面自动放大（字体须 ≥16px） */
  @supports (-webkit-touch-callout: none) {
    .kosmo-form-shell .basicInfo-frame select {
      font-size: 14px;
    }
  }

  /* 5. placeholder 颜色处理
     - required 字段 value="" 时触发 :invalid，文字灰色
     - 下拉里 disabled 的占位项也保持灰色
     - 已选择项（其它 option）保持深色 */
  .kosmo-form-shell .basicInfo-frame select:invalid {
    color: #000;
  }

  .kosmo-form-shell .basicInfo-frame select option {
    color: #273029;
  }

  .kosmo-form-shell .basicInfo-frame select option[disabled] {
    color: #999;
  }

  /* 6. 聚焦态 */
  .kosmo-form-shell .basicInfo-frame select:focus {
    border-color: #999;
  }

  /* 7. Firefox：去掉文字内的聚焦虚线 */
  .kosmo-form-shell .basicInfo-frame select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #273029;
  }

  /* 8. 禁用态（如有需要） */
  .kosmo-form-shell .basicInfo-frame select:disabled {
    background-color: #f5f5f5;
    color: #aaa;
    cursor: not-allowed;
  }

.kosmo-form-shell [hidden] { display: none !important; }
.kosmo-form-shell .kosmo-success { padding: 30px 0; }
.kosmo-form-shell .kosmo-success h3 { margin-bottom: 24px; font-size: 24px; }
.kosmo-form-shell .kosmo-success:focus { outline: none; }