danyang-match/miniapp/components/preference-editor/index.wxss

.ui-pref__hint {
  padding:var(--spacing-2) var(--spacing-3);
  background:var(--color-warning-light);
  border-radius:var(--radius-sm);
  font-size:var(--font-size-xs);
  color:var(--color-warning-strong);
  line-height:var(--line-height-normal);
  margin-bottom:var(--spacing-3);
}
.ui-pref__row {
  display:flex;
  align-items:center;
  padding:var(--spacing-3) 0;
  border-bottom:1rpx solid var(--color-divider);
}
.ui-pref__label {
  width:140rpx;
  font-size:var(--font-size-md);
  color:var(--color-text-secondary);
  flex-shrink:0;
}
.ui-pref__range {
  display:flex;
  align-items:center;
  flex:1;
  min-width:0;
}
.ui-pref__num {
  flex:1;
  min-width:0;
  height:64rpx;
  padding:0 var(--spacing-2);
  border:1rpx solid var(--color-border);
  border-radius:var(--radius-sm);
  font-size:var(--font-size-md);
  text-align:center;
}
.ui-pref__dash {
  margin:0 var(--spacing-2);
  color:var(--color-text-tertiary);
}
.ui-pref__tags {
  flex:1;
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  gap:var(--spacing-1);
}
.ui-pref__picker {
  flex:1;
}
.ui-pref__picker-value {
  padding:var(--spacing-2) 0;
  font-size:var(--font-size-md);
  color:var(--color-text-primary);
}
.ui-pref__importance {
  margin-left:var(--spacing-2);
  padding:6rpx 16rpx;
  border-radius:var(--radius-full);
  font-size:var(--font-size-xs);
  font-weight:var(--font-weight-medium);
  flex-shrink:0;
}
.ui-pref__importance--required {
  background:var(--color-danger-light);
  color:var(--color-danger-strong);
}
.ui-pref__importance--preferred {
  background:var(--color-bg-disabled);
  color:var(--color-text-tertiary);
}