:root{--ui-option-hover-bg:rgba(255,255,255,.7)}
.ui-select{display:block;position:relative;min-width:0;width:100%;font:inherit}
.ui-select>select.ui-select-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;opacity:0!important;pointer-events:none;overflow:hidden;clip-path:inset(50%)}
.ui-select>.ui-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:42px;margin:0;padding:10px 18px;border:1px solid #dfe1db;border-radius:10px;background:#fff;color:#62695f;font:inherit;text-align:left;cursor:pointer;transition:background-color 160ms ease,transform 180ms cubic-bezier(.2,.8,.2,1)}
.ui-select-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select-trigger>svg{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4}
.ui-select-menu{position:fixed;inset:auto;margin:0;width:max-content;max-height:min(360px,70vh);overflow:auto;padding:16px;border:1px solid #dfe1db;border-radius:16px;background:#fff;color:#62695f;box-shadow:0 14px 40px #1c221b20;font-family:inherit;font-size:13px;line-height:1.5}
.ui-select-menu:popover-open{animation:ui-select-enter 160ms ease-out}
.ui-select-options{display:flex;flex-wrap:nowrap;width:max-content;min-width:100%;box-sizing:border-box;gap:4px;border-radius:12px;background:#f5f5f2;padding:4px}
.ui-select-menu .ui-select-options>button{flex:1 0 auto;min-height:38px;padding:8px 12px;border:0;border-radius:9px;background:transparent;color:#62695f;font:inherit;white-space:nowrap;text-align:center;cursor:pointer;transition:transform 180ms ease,background-color 160ms ease}
.ui-select-menu .ui-select-options>button[aria-selected=true]{background:#fff;color:#1d231d;box-shadow:0 1px 4px #1d231d0e}
.ui-select-menu .ui-select-options>button[aria-selected=true]:hover:not(:disabled){background:#fff}
.ui-select-options>button:disabled,.ui-select-trigger:disabled{opacity:.45;cursor:not-allowed}
.ui-select-trigger:focus-visible,.ui-select-options>button:focus-visible{outline:2px solid #62695f;outline-offset:2px}
.select-shell:has(.ui-select)>svg{display:none}
@media(hover:hover) and (pointer:fine){.ui-select>.ui-select-trigger:not(:disabled):hover,.ui-select-options>button:not(:disabled):hover{transform:scale(1.02)}}
/* Hover is lighter than selection; disabled options never gain hover feedback. */
@media(hover:hover) and (pointer:fine){.ui-select-menu .ui-select-options>button:hover:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]){background:var(--ui-option-hover-bg)}}
.ui-select>.ui-select-trigger:not(:disabled):active,.ui-select-options>button:not(:disabled):active{transform:scale(.97)}
@keyframes ui-select-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
/* Preserve the click target and keyboard focus ring, remove only its decorative box. */
:is(dialog,[role=dialog]) button:is([aria-label^="关闭"],.iw-dialog-close,.iw-viewer-close,.profile-dialog-close,.case-preview-close,.vp-preview-close):not(:has(img)){border:0!important;background:transparent!important;box-shadow:none!important}
@media(prefers-reduced-motion:reduce){.ui-select-menu:popover-open{animation:none}.ui-select>.ui-select-trigger,.ui-select-menu .ui-select-options>button{transition:none;transform:none!important}}