/* 電腦版下拉選單共用樣式。 */
.site-select, .site-select *, select.site-select-source { box-sizing: border-box; }
body select:not([multiple]),
body select.site-select-source.site-select-source,
.site-select .site-select-trigger {
    min-height: 44px;
    padding: 0 42px 0 15px;
    border: 1px solid #aeb9c6;
    border-radius: 8px !important;
    appearance: none;
    background: var(--home-surface, #fff) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%235a6475%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m6 9 6 6 6-6%27/%3E%3C/svg%3E") no-repeat right 14px center / 16px 16px;
    color: var(--home-text, #172033);
    cursor: pointer;
    font: inherit;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    box-shadow: none;
    transition: border-color 160ms ease, box-shadow 160ms ease;
}
body select.site-select-source.site-select-source:hover,
.site-select .site-select-trigger:hover {
    border-color: var(--home-muted, #5a6475);
    background-color: var(--home-surface, #fff);
}
body select.site-select-source.site-select-source:focus,
.site-select .site-select-trigger:focus-visible,
.site-select .site-select-trigger[aria-expanded="true"] {
    border-color: var(--home-primary, #0d7cd7);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(13, 124, 215, 0.16);
}
body select.site-select-source.site-select-source[hidden],
.site-select[hidden] {
    display: none;
}
.site-select {
    min-width: min(180px, 100%);
    max-width: 100%;
    vertical-align: middle;
}
.site-select .site-select-trigger {
    display: block;
    width: 100%;
    margin: 0;
    line-height: 1.5;
}
select.site-select-native {
    position: absolute !important;
    width: 1px !important;
    min-width: 0 !important;
    height: 1px !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0;
    pointer-events: none;
}
.site-select-error {
    display: block;
    margin-top: 4px;
    color: #b42318;
    font-size: 13px;
}
.site-select-error[hidden] { display: none; }
.site-select .site-select-trigger[aria-invalid="true"] { border-color: #b42318; }
.site-select .site-select-trigger:disabled { opacity: 0.55; cursor: not-allowed; }
.modern-home .home-search .site-select-trigger { height: 50px; }

.site-select-list {
    position: fixed;
    inset: auto;
    box-sizing: border-box;
    margin: 0;
    padding: 6px;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--home-border, #d9dee5);
    border-radius: 8px;
    background: var(--home-surface, #fff);
    color: var(--home-text, #172033);
    box-shadow: var(--home-shadow, 0 12px 32px rgba(29, 57, 88, 0.08));
    font: inherit;
    font-size: 16px;
}
.site-select-option {
    position: relative;
    display: flex;
    min-height: 44px;
    padding: 10px 36px 10px 12px;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
    line-height: 1.5;
}
.site-select-option:hover,
.site-select-option.is-active {
    background: #f2f4f7;
}
.site-select-option[aria-selected="true"] {
    background: var(--home-sky, #e3f1fd);
    color: var(--home-primary-dark, #075ea8);
    font-weight: 600;
}
.site-select-option[aria-selected="true"]::after {
    position: absolute;
    right: 15px;
    width: 6px;
    height: 11px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    content: "";
}
@media (prefers-reduced-motion: reduce) {
    body select.site-select-source.site-select-source,
    .site-select .site-select-trigger {
        transition: none;
    }
}