/*
 * 全站下拉框（select）统一样式：前台和后台都加载。
 *
 * 浏览器自带的下拉箭头贴着右边框，padding-right 也挪不动它。这里隐藏原生箭头，
 * 换成离右边 14px 的图标箭头，并给文字留出右侧空间，长选项不会压到箭头上。
 * 选择器带两个 :not()，特异度高于各页面里的「.xxx select { background:#fff }」写法，
 * 所以不会被那些简写的 background 覆盖掉箭头。多选和列表框不受影响。
 */
select:not([multiple]):not([size]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 40px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%2365738f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 12px 8px !important;
  text-overflow: ellipsis;
  cursor: pointer;
}
select:not([multiple]):not([size]):disabled { cursor: not-allowed; opacity: .6; }
select::-ms-expand { display: none; }