.openclaw-download-selector {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
}

.openclaw-download-selector.is-open {
    z-index: 60;
}

/** 菜单展开时提升整个轮播内容层，避免圆点和翻页覆盖层抢占菜单鼠标命中。 */
.slide-box.has-openclaw-menu-open {
    position: relative;
    z-index: 20;
}

/** 菜单展开时保留轮播控件视觉，并用置灰状态提示暂不可操作。 */
.slide-container.has-openclaw-menu-open .slide-page-selector,
.slide-container.has-openclaw-menu-open .slide-page-turner {
    z-index: 30;
    opacity: .45;
    transition: opacity .15s ease;
}

/** 禁止控件抢占菜单鼠标命中；点击控件区域只按菜单外部点击处理。 */
.slide-container.has-openclaw-menu-open .slide-page-selector,
.slide-container.has-openclaw-menu-open .slide-page-selector li,
.slide-container.has-openclaw-menu-open .slide-page-turner .pre,
.slide-container.has-openclaw-menu-open .slide-page-turner .next {
    pointer-events: none;
    cursor: default;
}

.openclaw-download-menu {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 70;
    width: 240px;
    padding: 4px;
    border: 1px solid #e5e7eb;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .14);
    color: #333;
}

/** 扩展菜单上方的透明悬停区域，鼠标经过按钮与菜单间隙时不关闭菜单。 */
.openclaw-download-menu::before {
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;
    height: 8px;
    content: "";
}

.openclaw-download-option {
    display: block;
    width: 100%;
    padding: 3px 8px;
    border: 0;
    border-radius: 3px;
    background: transparent;
    color: #333;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.openclaw-download-option:hover,
.openclaw-download-option:focus {
    background: #e2e9ff;
    color: #1748c7;
    box-shadow: inset 0 0 0 1px #aebfff;
    outline: none;
}

.openclaw-download-option:focus-visible {
    outline: 2px solid #396dff;
    outline-offset: 1px;
}

.openclaw-download-option.is-selected {
    background: #cbd9ff;
    color: #123fa8;
    box-shadow: inset 3px 0 0 #396dff;
}

.openclaw-download-option.is-selected:hover,
.openclaw-download-option.is-selected:focus {
    background: #bed0ff;
}

.openclaw-download-option.is-unavailable,
.openclaw-download-option[aria-disabled="true"] {
    color: #999;
    cursor: not-allowed;
}

.openclaw-download-option.is-unavailable:hover,
.openclaw-download-option.is-unavailable:focus,
.openclaw-download-option[aria-disabled="true"]:hover,
.openclaw-download-option[aria-disabled="true"]:focus {
    background: transparent;
    color: #999;
    box-shadow: none;
    outline: none;
}

.openclaw-download-option-title {
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
}

.openclaw-download-message {
    margin: 3px 4px 1px;
    color: #a15c00;
    font-size: 12px;
    line-height: 18px;
}

.openclaw-download-message.is-error {
    color: #c62828;
}

.openclaw-download-selector.is-loading {
    cursor: wait;
}

.openclaw-download-selector--banner .openclaw-download-menu {
    top: calc(100% - 6px);
    right: auto;
    left: 0;
}

/**
 * 下载页通用按钮样式会命中菜单内的 a 标签。
 * 使用下载页组件作用域恢复菜单布局，同时保留外层“立即下载”按钮原样式。
 */
.openclaw-download-selector--downloads .openclaw-download-menu {
    right: auto;
    left: 0;
    padding: 6px;
}

.download_page_li_item .download_page_li_item_button_list
.openclaw-download-selector--downloads .openclaw-download-option {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 36px;
    padding: 8px 12px;
    border-radius: 4px;
    background: #fff;
    color: #333;
    line-height: 20px;
    text-align: left;
    box-sizing: border-box;
}

.download_page_li_item .download_page_li_item_button_list
.openclaw-download-selector--downloads .openclaw-download-option:hover,
.download_page_li_item .download_page_li_item_button_list
.openclaw-download-selector--downloads .openclaw-download-option:focus {
    background: #e2e9ff;
    color: #1748c7;
    box-shadow: inset 0 0 0 1px #aebfff;
}

.download_page_li_item .download_page_li_item_button_list
.openclaw-download-selector--downloads .openclaw-download-option.is-selected {
    background: #cbd9ff;
    color: #123fa8;
    box-shadow: inset 3px 0 0 #396dff;
}

.download_page_li_item .download_page_li_item_button_list
.openclaw-download-selector--downloads .openclaw-download-option.is-selected:hover,
.download_page_li_item .download_page_li_item_button_list
.openclaw-download-selector--downloads .openclaw-download-option.is-selected:focus {
    background: #bed0ff;
}

.download_page_li_item .download_page_li_item_button_list
.openclaw-download-selector--downloads .openclaw-download-option.is-unavailable:hover,
.download_page_li_item .download_page_li_item_button_list
.openclaw-download-selector--downloads .openclaw-download-option.is-unavailable:focus,
.download_page_li_item .download_page_li_item_button_list
.openclaw-download-selector--downloads .openclaw-download-option[aria-disabled="true"]:hover,
.download_page_li_item .download_page_li_item_button_list
.openclaw-download-selector--downloads .openclaw-download-option[aria-disabled="true"]:focus {
    background: #fff;
    color: #999;
    box-shadow: none;
}

/**
 * Banner 精灵图每个状态的有效宽度为 145px。
 * 锁定包装层和按钮宽度，避免原 148px 宽度带出相邻状态的白色像素。
 */
.openclaw-download-selector--banner,
.openclaw-download-selector--banner .down-btn {
    width: 145px;
    min-width: 145px;
    height: 70px;
}

.openclaw-download-selector--banner .down-btn {
    display: block;
    flex: 0 0 145px;
}

@media (max-width: 640px) {
    .openclaw-download-menu {
        width: min(240px, calc(100vw - 24px));
    }

    .openclaw-download-selector--banner .openclaw-download-menu {
        left: 0;
    }
}