123 lines
3.3 KiB
CSS
123 lines
3.3 KiB
CSS
|
/* ===== 开关按钮样式 ===== */
|
||
|
|
|
||
|
|
/* 强制覆盖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;
|
||
|
|
}
|