/* 品牌色统一为「清华紫」（校色 RGB 102,8,116 / #660874）。
   原因：主题里品牌色板被覆盖成了一组绿色（--td-brand-color-4: #07c05f），
   而侧边栏/登录页的紫是另一处硬编码，两者混用导致选中文字、头像圈、
   输入框与提交按钮发绿、与紫色外壳冲突。
   这里用比原覆盖更高的优先级(:root:root:root)把品牌色板整体换成紫色系。
   由 ZCode 注入；卸载：删掉 index.html 里 wk-theme.css 那一行 + 本文件。 */

:root:root:root,
:root:root:root[theme-mode=light] {
  --td-brand-color-1: #f6eff8;
  --td-brand-color-2: #e9d8ed;
  --td-brand-color-3: #d2b0da;
  --td-brand-color-4: #660874;   /* 清华紫（主色） */
  --td-brand-color-5: #580663;
  --td-brand-color-6: #4a0554;
  --td-brand-color-7: #3c0444;
  --td-brand-color-8: #2e0334;
  --td-brand-color-9: #210225;
  --td-brand-color-10: #140116;

  --td-brand-color: var(--td-brand-color-4);
  --td-brand-color-hover: var(--td-brand-color-3);
  --td-brand-color-focus: color-mix(in srgb, var(--td-brand-color) 20%, transparent);
  --td-brand-color-active: var(--td-brand-color-5);
  --td-brand-color-disabled: #cbb0d4;
  --td-brand-color-light: var(--td-brand-color-1);
  --td-brand-color-light-hover: var(--td-brand-color-2);
  --td-text-color-brand: var(--td-brand-color);
  --td-text-color-link: var(--td-brand-color);
  --brand-main: var(--td-brand-color-4);
}

:root:root:root[theme-mode=dark],
:root:root:root.dark {
  --td-brand-color-1: #2a0a33;
  --td-brand-color-2: #3a1047;
  --td-brand-color-3: #4a155c;
  --td-brand-color-4: #5a1a70;
  --td-brand-color-5: #6d2185;
  --td-brand-color-6: #8a3aa3;   /* 深色主题主色（在深底上可读） */
  --td-brand-color-7: #a45cbb;
  --td-brand-color-8: #bd80d1;
  --td-brand-color-9: #d5a6e3;
  --td-brand-color-10: #ecd3f2;

  --td-brand-color: var(--td-brand-color-6);
  --td-brand-color-hover: var(--td-brand-color-5);
  --td-brand-color-focus: color-mix(in srgb, var(--td-brand-color) 28%, transparent);
  --td-brand-color-active: var(--td-brand-color-7);
  --td-brand-color-disabled: #4a155c;
  --td-brand-color-light: var(--td-brand-color-1);
  --td-brand-color-light-hover: var(--td-brand-color-2);
  --td-text-color-brand: var(--td-brand-color);
  --td-text-color-link: var(--td-brand-color);
  --brand-main: var(--td-brand-color-6);
}

/* 登录页：提示条与勾选图标的底色原本是浅绿（原品牌/成功色阶 #e8f8f2），改为紫色系 */
.form-hint,
.feature-icon {
  background-color: rgba(102, 8, 116, .10) !important;
}
:root:root:root[theme-mode=dark] .form-hint,
:root:root:root[theme-mode=dark] .feature-icon,
:root:root:root.dark .form-hint,
:root:root:root.dark .feature-icon {
  background-color: rgba(189, 128, 209, .18) !important;
}

/* 侧边栏选中态：原为深紫底上的自有同色系（--td-bg-color-secondarycontainer），
   选中了也只看得出一点点。改为白色半透明高亮 + 纯白加粗文字，
   在深紫（浅色主题）与深灰（深色主题）的侧边栏上都清晰；
   悬停用更弱的同一色，保持"悬停 < 选中"的层级。 */
.aside_box .menu_item_active,
.aside_box .menu_item_c_active {
  background: rgba(255, 255, 255, .18) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}
.aside_box .menu_item_active .menu_title,
.aside_box .menu_item_c_active .menu_title {
  color: #fff !important;
  font-weight: 600;
}
.aside_box .menu_item_active .menu_icon img.icon,
.aside_box .menu_item_c_active .menu_icon img.icon {
  opacity: 1 !important;
  filter: brightness(1.35);
}
.aside_box .menu_item:not(.menu_item_active):not(.menu_item_c_active):hover {
  background: rgba(255, 255, 255, .10) !important;
}
/* 展开的分组列表里，被选中的会话行同样加亮 */
.aside_box .submenu_item_active {
  background: rgba(255, 255, 255, .16) !important;
  color: #fff !important;
}

/* ---- v4：侧边栏选中态（提高优先级，确保压过应用自身的 !important 文字色） ----
   应用对选中态文字色也用了 !important 且与我同级、排在后面，故这里用
   :root:root:root 前缀提高优先级。 */
:root:root:root .aside_box .menu_item_active,
:root:root:root .aside_box .menu_item_c_active {
  background: rgba(255, 255, 255, .24) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16);
}
:root:root:root .aside_box .menu_item_active .menu_title,
:root:root:root .aside_box .menu_item_c_active .menu_title {
  color: #fff !important;
  font-weight: 600 !important;
}
:root:root:root .aside_box .menu_item_active .menu_icon img.icon,
:root:root:root .aside_box .menu_item_c_active .menu_icon img.icon {
  opacity: 1 !important;
  filter: brightness(1.6);
}
:root:root:root .aside_box .submenu_item_active {
  background: rgba(255, 255, 255, .20) !important;
  color: #fff !important;
}