danyang-match/miniapp/pages/local-eligibility-supplement/local-eligibility-supplement.wxss

/* U63 本地资格补充核验页 */
.page {
  padding:24rpx;
  background:var(--color-bg-page);
  min-height:100vh;
  padding-bottom:120rpx;
}

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

.title {
  display:block;
  font-size:32rpx;
  font-weight:600;
  color:var(--color-text-strong);
  margin-bottom:12rpx;
}

.desc {
  display:block;
  font-size:26rpx;
  color:var(--color-text-secondary);
  line-height:1.6;
}

.type-tag {
  background:var(--color-success-light);
  border-radius:8rpx;
  padding:16rpx 20rpx;
  margin-bottom:24rpx;
}

.type-tag text {
  font-size:24rpx;
  color:var(--color-success-strong);
}

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

.section-title {
  font-size:28rpx;
  font-weight:600;
  color:var(--color-text-strong);
  margin-bottom:20rpx;
  display:block;
}

.evidence-list {
  display:flex;
  flex-direction:column;
  gap:12rpx;
}

.evidence-card {
  padding:24rpx;
  border-radius:12rpx;
  border:2rpx solid var(--color-border);
}

.evidence-card.active {
  border-color:var(--color-primary);
  background:var(--color-primary-light);
}

.evidence-label {
  display:block;
  font-size:28rpx;
  font-weight:500;
  color:var(--color-text-primary);
  margin-bottom:4rpx;
}

.evidence-desc {
  display:block;
  font-size:24rpx;
  color:var(--color-text-tertiary);
}

.upload-area {
  border:2rpx dashed var(--color-border-strong);
  border-radius:12rpx;
  padding:24rpx;
}

.upload-hint {
  text-align:center;
  margin-bottom:16rpx;
}

.hint-text {
  font-size:24rpx;
  color:var(--color-text-tertiary);
}

.image-grid {
  display:flex;
  flex-wrap:wrap;
  gap:16rpx;
}

.image-item {
  width:160rpx;
  height:160rpx;
  position:relative;
  border-radius:8rpx;
  overflow:hidden;
}

.image-preview {
  width:100%;
  height:100%;
  object-fit:cover;
}

.image-remove {
  position:absolute;
  top:4rpx;
  right:4rpx;
  width:36rpx;
  height:36rpx;
  background:rgba(0,0,0,0.5);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--color-text-inverse);
  font-size:24rpx;
  line-height:1;
}

.upload-btn {
  width:160rpx;
  height:160rpx;
  border:2rpx dashed var(--color-border-strong);
  border-radius:8rpx;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.upload-icon {
  font-size:48rpx;
  color:var(--color-text-disabled);
}

.upload-text {
  font-size:24rpx;
  color:var(--color-text-tertiary);
  margin-top:8rpx;
}

.privacy-note {
  background:var(--color-info-light);
  border-radius:8rpx;
  padding:16rpx 20rpx;
  margin-bottom:24rpx;
}

.note-text {
  font-size:24rpx;
  color:var(--color-info-strong);
}

.action-bar {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  padding:16rpx 24rpx;
  background:var(--color-bg-card);
  box-shadow:0 -2rpx 12rpx rgba(0,0,0,0.05);
  padding-bottom:calc(16rpx + env(safe-area-inset-bottom));
}

.btn-primary {
  width:100%;
  height:88rpx;
  line-height:88rpx;
  background:var(--color-primary-solid);
  color:var(--color-text-inverse);
  border-radius:12rpx;
  font-size:30rpx;
  font-weight:500;
  border:none;
}

.btn-primary:disabled {
  background:var(--color-bg-muted);
}