.page {
  padding:32rpx;
  background:var(--color-primary-lighter);
  min-height:100vh;
}

.section {
  background:var(--color-bg-card);
  border-radius:24rpx;
  padding:32rpx;
  margin-bottom:24rpx;
}

.section-title {
  font-size:30rpx;
  font-weight:bold;
  color:var(--color-text-strong);
  margin-bottom:24rpx;
  display:block;
}

.type-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16rpx;
}

.type-item {
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:28rpx 16rpx;
  border-radius:16rpx;
  background:var(--color-bg-subtle);
  border:2rpx solid transparent;
  transition:all 0.2s;
}

.type-item.selected {
  background:var(--color-primary-light);
  border-color:var(--color-primary);
}

.type-icon {
  font-size:48rpx;
  margin-bottom:12rpx;
}

.type-name {
  font-size:24rpx;
  color:var(--color-text-primary);
  text-align:center;
  line-height:1.4;
}

.textarea {
  width:100%;
  height:200rpx;
  background:var(--color-bg-subtle);
  border-radius:16rpx;
  padding:20rpx;
  font-size:28rpx;
  box-sizing:border-box;
}

.char-count {
  display:block;
  text-align:right;
  font-size:22rpx;
  color:var(--color-text-tertiary);
  margin-top:8rpx;
}

.submit-btn {
  background:var(--color-primary-solid);
  color:var(--color-text-inverse);
  border-radius:44rpx;
  height:88rpx;
  line-height:88rpx;
  font-size:32rpx;
  margin-top:40rpx;
}