/* Tailwind 已经覆盖大部分样式,这里只放少量自定义微调 */
input, select, textarea {
  outline: none;
}

/* 下拉框默认会被最长的那个选项撑宽(比如评分说明、片区全称那种长文字),
   在手机上会顶破卡片、把旁边的按钮挤出屏幕。这里统一兜底,让它最多和容器一样宽,
   超出的文字浏览器会自动省略。 */
select {
  max-width: 100%;
}
input:focus, select:focus, textarea:focus {
  box-shadow: 0 0 0 2px #1f7a4d33;
  border-color: #1f7a4d;
}
.badge {
  display: inline-block;
  padding: 0.125rem 0.6rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 500;
}