.text-center {
	text-align: center;
}

.font-13 {
	font-size: 13px;
}

.font-12 {
	font-size: 12px;
}

.font-11 {
	font-size: 11px;
}

.text-grey1 {
	color: #888;
}
.text-grey2 {
	color: #aaa;
}

.list-cell-arrow::before {
    content: ' ';
    height: 10px;
    width: 10px;
    border-width: 2px 2px 0 0;
    border-color: #c0c0c0;
    border-style: solid;
    -webkit-transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
    transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 30rpx;
  }
  
  .list-cell {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    color: #333;
    padding: 26rpx 30rpx;
  }
  
  .list-cell:first-child {
    border-radius: 8rpx 8rpx 0 0;
  }
  
  .list-cell:last-child {
    border-radius: 0 0 8rpx 8rpx;
  }
  
  .list-cell::after {
    content: '';
    position: absolute;
    border-bottom: 1px solid #eaeef1;
    -webkit-transform: scaleY(0.5) translateZ(0);
    transform: scaleY(0.5) translateZ(0);
    transform-origin: 0 100%;
    bottom: 0;
    right: 0;
    left: 0;
    pointer-events: none;
  }
  
  
  .menu-list {
    margin: 15px 15px;
  
    .menu-item-box {
      width: 100%;
      display: flex;
      align-items: center;
  
      .menu-icon {
        color: #007AFF;
        font-size: 16px;
        margin-right: 5px;
      }
      
      .text-right {
        margin-left: auto;
        margin-right: 34rpx;
        color: #999;
      }
    }
  }

  // ==================== 表单样式（参考PC端Element UI）====================
  
  // 表单容器样式
  .form-view {
    // 表单项间距
    :deep(.u-form-item) {
      margin-bottom: -20rpx;
      position: relative;
    }
    
    // 优化必填标识
    :deep(.u-form-item__body__left__content__required) {
      color: #f56c6c !important;
      font-size: 32rpx !important;
      margin-right: 8rpx !important;
      font-weight: 500 !important;
    }
    
    // label文字完整显示
    :deep(.u-form-item__body__left__content__label) {
      min-width: 160rpx !important;
      flex-shrink: 0 !important;
    }
    
    // 错误提示文字隐藏，只通过边框变红提示
    :deep(.u-form-item__body__right__message) {
      display: none !important;
    }
    
    // 统一输入框样式（参考PC端）
    :deep(.u--input) {
      background: #ffffff !important;
      border: 2rpx solid #dcdfe6 !important;
      border-radius: 8rpx !important;
      transition: all 0.3s ease !important;
    }
    
    :deep(.form-input) {
      background: #ffffff !important;
      border: 2rpx solid #dcdfe6 !important;
      border-radius: 8rpx !important;
      padding: 0 24rpx !important;
      padding-right: 80rpx !important;
      height: 68rpx !important;
      transition: all 0.3s ease !important;
    }
    
    // 错误状态输入框边框变红 - 使用多种可能的类名
    :deep(.u-form-item--error),
    :deep(.is-error),
    :deep([aria-invalid="true"]) {
      .form-input,
      .u--input,
      .u-input,
      .u-input__content__field-wrapper {
        border: 2rpx solid #f56c6c !important;
        background: #fef0f0 !important;
      }
    }
    
    // 通过属性选择器强制设置
    :deep(.u--input[class*="form-input"]) {
      border: 2rpx solid #dcdfe6 !important;
    }
    
    :deep(.u-form-item--error .u--input[class*="form-input"]),
    :deep(.is-error .u--input[class*="form-input"]) {
      border: 2rpx solid #f56c6c !important;
      background: #fef0f0 !important;
    }
    
    // 统一备注框样式（参考PC端）
    :deep(.form-textarea) {
      background: #ffffff !important;
      border: 2rpx solid #dcdfe6 !important;
      border-radius: 8rpx !important;
      padding: 20rpx !important;
      min-height: 160rpx !important;
      transition: all 0.3s ease !important;
      
      &:focus {
        border-color: #409eff !important;
      }
    }
    
    // 错误状态备注框变红
    :deep(.u-form-item--error .form-textarea) {
      border-color: #f56c6c !important;
    }
    
    // 下拉箭头放到输入框内部右侧（仅在有图标时生效）
    :deep(.u-form-item__body__right:has(.u-icon)) {
      position: absolute !important;
      right: 24rpx !important;
      top: 50% !important;
      transform: translateY(-50%) !important;
      z-index: 10 !important;
      pointer-events: none !important;
    }
    
    // 下拉箭头在输入框右侧内部
    :deep(.u-form-item__body__right .u-icon) {
      color: #c0c4cc !important;
      font-size: 28rpx !important;
    }
    
    // 带箭头的下拉选择框（使用 class="with-arrow"）
    :deep(.with-arrow) {
      position: relative;
      cursor: pointer;
      
      // 增加点击区域提示
      .u-form-item__body {
        cursor: pointer;
      }
      
      // disabled 输入框允许点击穿透
      .u--input {
        pointer-events: none !important;
      }
      
      .u-input {
        pointer-events: none !important;
      }
      
      .u-input__content {
        pointer-events: none !important;
      }
      
      .u-input__content__field-wrapper {
        pointer-events: none !important;
      }
      
      .u-input__content__field-wrapper__field {
        pointer-events: none !important;
      }
      
      // 用伪元素添加箭头，不影响布局宽度
      &::after {
        content: '▼';
        position: absolute;
        right: 20rpx;
        top: 50%;
        transform: translateY(-50%);
        color: #c0c4cc;
        font-size: 20rpx;
        pointer-events: none;
        z-index: 10;
      }
    }
    
    // 统一图标颜色
    :deep(.u-icon) {
      color: #909399 !important;
    }
  }

  // 下拉选择输入框：整块输入区域响应父级点击，避免移动端只点箭头才触发
  .input-with-arrow {
    width: 100%;
    cursor: pointer;

    .u--input,
    .u-input,
    .u-input__content,
    .u-input__content__field-wrapper,
    .u-input__content__field-wrapper__field,
    input {
      pointer-events: none !important;
    }
  }


