page {
  background: #f5f6f7;
}

.app-create-page {
  min-height: 100vh;
  background: #f5f6f7;
  display: flex;
  flex-direction: column;

  &__scroll {
    flex: 1;
    height: 0;
  }
}

/* 表单 */
.form {
  padding: 24rpx;

  &__group {
    margin-bottom: 32rpx;
  }

  &__label {
    margin-bottom: 16rpx;
  }

  &__labelText {
    font-size: 30rpx;
    font-weight: 700;
    color: #111111;
  }

  &__input {
    padding: 24rpx;
    background: #ffffff;
    border-radius: 16rpx;
    font-size: 30rpx;
  }

  &__textarea {
    padding: 24rpx;
    background: #ffffff;
    border-radius: 16rpx;
    font-size: 30rpx;
    min-height: 160rpx;
  }

  &__footer {
    padding: 24rpx 32rpx;
    padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
    background: #ffffff;
    box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
  }
}

/* 类型选择网格 */
.type-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16rpx;
}

.type-item {
  background: #ffffff;
  border-radius: 16rpx;
  padding: 20rpx;
  position: relative;

  &__text {
    font-size: 28rpx;
    color: #111111;
  }
}
