/* ============================================================
 * mobile-form.css - 移动端表单优化（窗口13，独占）
 * 仅 <=768px 生效：大输入框、吸底提交按钮、内联错误提示。
 * ============================================================ */

@media (max-width: 768px) {

  /* ---------- 大输入框：>=48px高、>=16px字体(防iOS缩放) ---------- */
  input, textarea, select {
    min-height: 48px;
    font-size: 16px !important;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #dcdfe6;
    width: 100%;
    box-sizing: border-box;
  }
  textarea { min-height: 88px; }
  input:focus, textarea:focus, select:focus {
    border-color: #6C5CE7;
    outline: none;
  }
  /* 数字/电话输入保持系统原生数字键盘样式（由HTML属性控制） */

  /* ---------- 内联错误提示（红色小字，位于输入框下方） ---------- */
  .field-error {
    display: block;
    color: #e74c3c;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 4px;
    min-height: 0;
  }
  .field-item.has-error input,
  .field-item.has-error textarea {
    border-color: #e74c3c;
  }
  .field-item { margin-bottom: 14px; }
  .field-item label {
    display: block;
    font-size: 14px;
    color: #333;
    margin-bottom: 6px;
  }

  /* ---------- 吸底提交按钮 ---------- */
  .form-submit-bar {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 1002;
    padding: 10px 16px;
    padding-bottom: calc(10px + env(safe-area-inset-bottom, 0));
    background: #fff;
    border-top: 1px solid #eceef2;
  }
  .form-submit-bar .btn {
    width: 100%;
    min-height: 48px;
    font-size: 16px;
    border-radius: 24px;
  }
  /* 表单页主内容底部留白，避免被吸底按钮遮挡 */
  body.has-submit-bar .form-body {
    padding-bottom: calc(76px + env(safe-area-inset-bottom, 0));
  }
}