/* ===== 开关按钮样式 ===== */

/* 强制覆盖tools-dropdown.css的active状态样式 */
.tools-dropdown .menu-item#deepResearchItem.active,
.tools-dropdown .menu-item#showThinkingItem.active {
    background: transparent !important;
}

.tools-dropdown .menu-item#deepResearchItem.active span:last-child,
.tools-dropdown .menu-item#showThinkingItem.active span:last-child {
    background: transparent !important;
    color: #333 !important;
}

/* 确保开关本身可见 */
.switch {
    display: inline-block !important;
    visibility: visible !important;
}

/* 开关背景默认灰色 */
.switch .slider {
    background-color: #e0e0e0 !important;
    display: block !important;
    visibility: visible !important;
    transition: background-color 0.3s;
}

/* 滑块默认状态（关闭时在左侧） */
.switch .slider > span:not(#deepResearchStatus):not(#showThinkingStatus) {
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    transform: translateX(0);
    transition: transform 0.3s;
    background-color: white !important; /* 滑块始终白色 */
    height: 18px !important;
    width: 18px !important;
    left: 3px !important;
    bottom: 3px !important;
    border-radius: 50% !important;
}

/* 开关选中状态（开启时背景变蓝） */
.switch input:checked + .slider {
    background-color: #2563eb !important; /* 背景变蓝 */
}

.switch input:checked + .slider > span:not(#deepResearchStatus):not(#showThinkingStatus) {
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    transform: translateX(20px);
    background-color: white !important; /* 滑块保持白色 */
    height: 18px !important;
    width: 18px !important;
    left: 3px !important;
    bottom: 3px !important;
    border-radius: 50% !important;
}

/* 开关按钮悬停效果 */
.switch:not(.disabled):hover .slider {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* 禁用的开关样式 */
.switch.disabled .slider {
    background-color: #f0f0f0 !important;
    cursor: not-allowed !important;
}

.switch.disabled .slider > span {
    background-color: #e0e0e0 !important;
}

/* 禁用菜单项的背景变化 */
.menu-item.no-hover {
    cursor: default !important;
    background: transparent !important;
}

.menu-item.no-hover:hover {
    background: transparent !important;
}

/* 禁用active类的背景效果 */
.menu-item.no-hover.active {
    background: transparent !important;
}

/* 禁用菜单项active状态的所有背景效果 */
#deepResearchItem.active,
#showThinkingItem.active {
    background: transparent !important;
}

/* 禁用文字span的所有背景和颜色变化 - 使用更具体的选择器 */
.tools-dropdown #deepResearchItem div span:first-child,
.tools-dropdown #showThinkingItem div span:first-child,
.tools-dropdown #deepResearchItem.active div span:first-child,
.tools-dropdown #showThinkingItem.active div span:first-child {
    background: transparent !important;
    color: #333 !important;
}

/* 禁用状态文字的背景变化 */
#deepResearchStatus,
#showThinkingStatus {
    background: transparent !important;
    color: #333 !important;
}

#deepResearchItem,
#showThinkingItem {
    cursor: default !important;
    background: transparent !important;
}

#deepResearchItem:hover,
#showThinkingItem:hover {
    background: transparent !important;
}