/* The native select remains the value/label/form anchor; the menu is controlled. */
html body select:not([multiple]):not([size]),
html body select[size="1"] {
  appearance:none; -webkit-appearance:none;
  background-color:#fff; color:#343a43; border:1px solid #dfe3e9;
  border-radius:6px; font-family:inherit; font-weight:400;
  padding-right:24px; cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23737b87' stroke-width='1.2'%3E%3Cpath d='m2 2 4 4 4-4'/%3E%3C/svg%3E");
  background-position:right 7px center; background-size:12px 8px; background-repeat:no-repeat;
}
html body select:disabled { cursor:not-allowed; opacity:.55; }
html body .yp-select-menu {
  position:fixed; inset:auto; z-index:10060; box-sizing:border-box; margin:0;
  overflow:auto; overscroll-behavior:contain; padding:4px;
  border:1px solid #dfe3e9; border-radius:7px; background:#fff; color:#343a43;
  box-shadow:0 4px 16px #1e283714; font:400 13px/1.45 "PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  text-align:left; color-scheme:light; scrollbar-width:thin;
}
html body .yp-select-menu[hidden] { display:none; }
html body .yp-select-menu .yp-select-option {
  display:flex; align-items:center; min-height:32px; padding:6px 9px;
  border:0; border-radius:4px; color:#343a43; font:inherit;
  white-space:normal; overflow-wrap:anywhere; cursor:pointer;
}
html body .yp-select-menu .yp-select-option:is(:hover,.is-active) { background:#f3f4f6; }
html body .yp-select-menu .yp-select-option[aria-selected="true"] { background:#fff1f1; color:#c52e35; }
html body .yp-select-menu .yp-select-option[aria-disabled="true"] { color:#9aA0aa; cursor:not-allowed; background:transparent; }
html body .yp-select-menu .yp-select-group { padding:7px 9px 3px; color:#737b87; font-size:12px; }
@media(max-width:1024px) {
  html body .yp-select-menu { font-size:14px; }
  html body .yp-select-menu .yp-select-option { min-height:40px; padding:8px 10px; }
}
/* Keep the form menu neutral even under the site's generated dark theme. */
@layer yipan-select-controls {
  html body select:not([multiple]):not([size]), html body select[size="1"] {
    background-color:#fff !important; color:#343a43 !important; font-weight:400 !important;
    border-color:#dfe3e9 !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23737b87' stroke-width='1.2'%3E%3Cpath d='m2 2 4 4 4-4'/%3E%3C/svg%3E") !important;
    background-position:right 7px center !important; background-size:12px 8px !important; background-repeat:no-repeat !important;
    padding-right:24px !important;
  }
  html body .yp-select-menu { background:#fff !important; color:#343a43 !important; border-color:#dfe3e9 !important; }
  html body .yp-select-option { color:#343a43 !important; }
  html body .yp-select-option:is(:hover,.is-active) { background:#f3f4f6 !important; }
  html body .yp-select-option[aria-selected="true"] { background:#fff1f1 !important; color:#c52e35 !important; }
  html body .yp-select-option[aria-disabled="true"] { background:transparent !important; color:#9aa0aa !important; }
}