first commit

AIEC-server/css/switch-toggle.css

@@ -0,0 +1,123 @@
+/* ===== 开关按钮样式 ===== */
+
+/* 强制覆盖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;
+}