Skip to content

Instantly share code, notes, and snippets.

@cy920820
Created August 23, 2025 10:58
Show Gist options
  • Save cy920820/38389fdf691aa9be9610c21f3e51a315 to your computer and use it in GitHub Desktop.
Save cy920820/38389fdf691aa9be9610c21f3e51a315 to your computer and use it in GitHub Desktop.

Revisions

  1. cy920820 created this gist Aug 23, 2025.
    608 changes: 608 additions & 0 deletions theme.css
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,608 @@
    @import url('https://fonts.googleapis.com/css2?family=Audiowide:wght@400&family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
    @import url('https://cdn.bootcdn.net/ajax/libs/lxgw-wenkai-screen-webfont/1.7.0/style.min.css');
    @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap');

    :root {
    /* --- 背景图片配置 --- */
    --cherry-bg-image-dark: url('https://cdn.jsdelivr.net/gh/buwant888/ck/test/%E3%80%90%E5%93%B2%E9%A3%8E%E5%A3%81%E7%BA%B8%E3%80%91%E5%8A%A8%E6%BC%AB-%E9%BB%91%E8%89%B2.png');
    --cherry-bg-image-light: url('https://cdn.jsdelivr.net/gh/buwant888/ck/test/%E3%80%90%E5%93%B2%E9%A3%8E%E5%A3%81%E7%BA%B8%E3%80%91eva-%E5%8A%A8%E6%BC%AB%E5%A3%81%E7%BA%B8.png');

    /* --- 全局样式变量 --- */
    --cherry-line-width: 0.3px;
    --cherry-radius-container: 15px;
    --cherry-radius-item: 8px;
    --cherry-duration-instant: 0.1s;
    --cherry-duration-fast: 0.2s;
    --cherry-duration-normal: 0.3s;
    --cherry-duration-slow: 0.5s;
    --cherry-easing-standard: ease;
    --cherry-easing-in: ease-in;
    --cherry-easing-out: ease-out;
    --cherry-easing-in-out: ease-in-out;
    --cherry-easing-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --cherry-easing-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --cherry-transform-hover-lift: none;
    --cherry-transform-hover-scale: none;
    --cherry-transform-active-press: none;
    --cherry-transform-focus-glow: none;
    --cherry-color-primary: #88C0D0;
    --cherry-color-primary-bright: #8FBCBB;
    --cherry-color-accent: #B48EAD;
    --cherry-color-primary-rgb: 136,192,208;
    --cherry-color-accent-rgb: 180,142,173;
    --cherry-color-dark-rgb: 46,52,64;
    --cherry-color-light-rgb: 236,239,244;
    --cherry-border-primary: rgba(var(--cherry-color-primary-rgb), .7);
    --cherry-border-subtle: rgba(var(--cherry-color-primary-rgb), .3);
    --cherry-bg-transparent: transparent;
    --cherry-bg-surface: rgba(59,66,82,.7);
    --cherry-bg-surface-muted: rgba(67,76,94,.75);
    --cherry-bg-chat-bubble: rgba(46,52,64,.7);
    --cherry-bg-collapse: rgba(46,52,64,.6);
    --cherry-bg-antd-arrow: rgba(67,76,94,.8);
    --cherry-text-primary: #E5E9F0;
    --cherry-text-secondary: #D8DEE9;
    --cherry-text-user: #E5E9F0;
    --cherry-text-code-header: #D8DEE9;
    --cherry-color-dark: #2E3440;
    --cherry-color-light: #ECEFF4;
    --cherry-shadow-subtle: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.1);
    --cherry-shadow-none: none;
    --cherry-shadow-inset: inset 0 1px 2px rgba(0,0,0,.1);
    --cherry-shadow-border: inset 0 0 0 1px rgba(var(--cherry-color-primary-rgb),.3);
    --cherry-3d-thickness: 1px;
    --cherry-3d-inner-offset: 0.8px;
    --cherry-3d-outer-offset: 0.5px;
    --cherry-3d-inner-gradient: linear-gradient(135deg, rgba(var(--cherry-color-dark-rgb), 0.35) 0%, rgba(var(--cherry-color-primary-rgb), 0.15) 50%, rgba(var(--cherry-color-dark-rgb), 0.5) 100%);
    --cherry-3d-outer-gradient: linear-gradient(135deg, rgba(var(--cherry-color-light-rgb), 0.2) 0%, rgba(var(--cherry-color-primary-rgb), 0.3) 50%, rgba(var(--cherry-color-light-rgb), 0.05) 100%);
    --material-line-width: var(--cherry-line-width);
    --container-border-radius: var(--cherry-radius-container);
    --list-item-border-radius: var(--cherry-radius-item);
    --duration-fast: var(--cherry-duration-fast);
    --duration-normal: var(--cherry-duration-normal);
    --easing-ease: var(--cherry-easing-standard);
    --color-material-accent: var(--cherry-color-primary);
    --color-material-accent-bright: var(--cherry-color-primary-bright);
    --color-material-accent-purple: var(--cherry-color-accent);
    --color-material-accent-rgb: var(--cherry-color-primary-rgb);
    --color-material-accent-purple-rgb: var(--cherry-color-accent-rgb);
    --color-material-line: var(--cherry-border-primary);
    --color-material-line-dim: var(--cherry-border-subtle);
    --color-background: var(--cherry-bg-transparent);
    --color-background-soft: var(--cherry-bg-surface);
    --color-background-mute: var(--cherry-bg-surface-muted);
    --navbar-background: var(--cherry-bg-transparent);
    --chat-background: var(--cherry-bg-transparent);
    --chat-background-user: var(--cherry-bg-chat-bubble);
    --chat-background-assistant: var(--cherry-bg-chat-bubble);
    --chat-customize-collapse-background: var(--cherry-bg-collapse);
    --color-background-opacity: var(--cherry-bg-chat-bubble);
    --antd-arrow-background-color: var(--cherry-bg-antd-arrow);
    --chat-text-user: var(--cherry-text-user);
    --color-text-1: var(--cherry-text-primary);
    --color-text-2: var(--cherry-text-secondary);
    --chat-customize-codeHeader: var(--cherry-text-code-header);
    --color-black: var(--cherry-color-dark);
    --color-white: var(--cherry-color-light);
    --chat-customize-box-shadow: var(--cherry-shadow-subtle);
    --chat-customize-box-shadow2: var(--cherry-shadow-none);
    --chat-customize-box-shadow3: var(--cherry-shadow-inset);
    --chat-customize-box-shadow4: var(--cherry-shadow-border);
    --color-black-rgb: var(--cherry-color-dark-rgb);
    --color-white-rgb: var(--cherry-color-light-rgb);
    --cs-3d-edge-thickness: var(--cherry-3d-thickness);
    --cs-3d-edge-inner-offset: var(--cherry-3d-inner-offset);
    --cs-3d-edge-outer-offset: var(--cherry-3d-outer-offset);
    --cs-3d-inner-line-gradient-dark: var(--cherry-3d-inner-gradient);
    --cs-3d-outer-line-gradient-dark: var(--cherry-3d-outer-gradient);
    }
    body { font-family: "Audiowide", "Noto Sans SC", "LXGW WenKai Screen", sans-serif !important; letter-spacing: .03em; line-height: 1.4; }
    .inputbar-container, .ant-popover-inner, div[class^="InputContainer-"], div[class^="OutputContainer-"], div[class^="HistoryContainner-"], .ant-notification-notice, .ant-message-notice-content, .ant-drawer-content, .ant-modal .ant-modal-content, div[class^="AgentCardContainer-"], .ant-table-wrapper, .ant-collapse-item, #content-container [class^="ListItemContainer-"], div[class^="SettingGroup-"] label, .markdown th, .ant-table-thead>tr>th, .markdown pre [class^="CodeHeader-"] { border-radius: var(--container-border-radius) !important; box-shadow: var(--chat-customize-box-shadow); background: var(--color-background-opacity) !important; border: var(--material-line-width) solid var(--color-material-line-dim); overflow: hidden; position: relative; transition: background-color var(--duration-normal) var(--easing-ease), box-shadow var(--duration-normal) var(--easing-ease), border-color var(--duration-normal) var(--easing-ease), color var(--duration-normal) var(--easing-ease); }
    .ant-modal-content, .ant-popover-inner, div[class^="InputContainer-"], div[class^="OutputContainer-"], div[class^="HistoryContainner-"], .ant-notification-notice, .ant-message-notice-content, .ant-drawer-content, .ant-modal .ant-modal-content, div[class^="AgentCardContainer-"], .ant-table-wrapper, .ant-collapse-item, #content-container [class^="ListItemContainer-"], div[class^="SettingGroup-"] label, .markdown th, .ant-table-thead>tr>th, .markdown pre [class^="CodeHeader-"] { font-family: "Noto Sans SC", sans-serif !important; font-weight: 700 !important; letter-spacing: inherit; line-height: inherit; }
    .markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5, .markdown h6 { font-family: "Audiowide", sans-serif !important; font-weight: 700 !important; letter-spacing: .08em; }
    .bubble .message-content-container, .inputbar-container textarea, .ant-modal .ant-modal-body, .ant-table-tbody>tr>td, .markdown blockquote, .markdown table, .markdown p, .markdown li, .markdown strong, .markdown b, .markdown em, .markdown i { font-family: "LXGW WenKai Screen", sans-serif !important; letter-spacing: .03em !important; line-height: 1.4 !important; }
    code, pre, .markdown pre [class^="CodeContent-"] * { font-family: 'JetBrains Mono', monospace !important; font-weight: 500 !important; letter-spacing: normal !important; line-height: 1.45 !important; font-size: 1.0em !important; }

    body[theme-mode="dark"] {
    background: var(--cherry-bg-image-dark) center center / cover no-repeat fixed;
    }
    body[theme-mode="light"] {
    --color-material-accent: #81A1C1;
    --color-material-accent-bright: #5E81AC;
    --color-material-accent-purple: #B48EAD;
    --color-material-accent-rgb: 129,161,193;
    --color-material-accent-purple-rgb: 180,142,173;
    --color-material-line: rgba(var(--color-material-accent-rgb),.3);
    --color-material-line-dim: rgba(var(--color-material-accent-rgb),.1);
    --color-background: transparent;
    --color-background-soft: rgba(236,239,244,.6);
    --color-background-mute: rgba(229,233,240,.6);
    --navbar-background: transparent;
    --chat-background: transparent;
    --chat-background-user: rgba(245,248,251,.7);
    --chat-background-assistant: rgba(245,248,251,.7);
    --chat-customize-collapse-background: rgba(236,239,244,.85);
    --color-background-opacity: rgba(245,248,251,.55);
    --antd-arrow-background-color: rgba(229,233,240,.85);
    --chat-text-user: #1b1e25;
    --color-text-1: #2E3440;
    --color-text-2: #1b1e25;
    --chat-customize-codeHeader: #1b1e25;
    --color-white: #FFFFFF;
    --color-black: #2E3440;
    --color-black-rgb: 46,52,64;
    --color-white-rgb: 255,255,255;
    --cs-3d-inner-line-gradient-light: linear-gradient(135deg, rgba(var(--color-black-rgb), 0.12) 0%, rgba(var(--color-material-accent-rgb), 0.25) 50%, rgba(var(--color-black-rgb), 0.2) 100%);
    --cs-3d-outer-line-gradient-light: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.8) 0%, rgba(var(--color-material-accent-rgb), 0.4) 50%, rgba(var(--color-white-rgb), 0.3) 100%);
    background: var(--cherry-bg-image-light) center center / cover no-repeat fixed;
    }
    @keyframes cherry-fade-in { from { opacity: 0 } to { opacity: 1 } }
    @keyframes cherry-slide-in-up { from { opacity: 0 } to { opacity: 1 } }
    @keyframes cherry-scale-bounce-in { 0% { opacity: 0 } 50% { opacity: 1 } 70% { opacity: 1 } 100% { opacity: 1 } }
    @keyframes cherry-pulse { 0%, 100% { opacity: 1 } 50% { opacity: 0.7 } }
    @keyframes cherry-gentle-sway { 0%, 100% { opacity: 1 } 50% { opacity: 1 } }
    .bubble .message-content-container { border-radius: var(--cherry-radius-container) !important; box-shadow: var(--cherry-shadow-subtle); background: var(--cherry-bg-surface) !important; border: var(--cherry-line-width) solid var(--cherry-border-subtle); overflow: hidden; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); will-change: backdrop-filter; transform: translateZ(0); background-color: var(--chat-background-assistant) !important; position: relative; transition: background-color var(--cherry-duration-normal) var(--cherry-easing-smooth), box-shadow var(--cherry-duration-normal) var(--cherry-easing-smooth), transform var(--cherry-duration-fast) var(--cherry-easing-smooth); background-image: radial-gradient(circle at 20% 20%, rgba(var(--color-material-accent-rgb), 0.03) 0%, transparent 40%), radial-gradient(circle at 80% 80%, rgba(var(--color-material-accent-purple-rgb), 0.02) 0%, transparent 40%), linear-gradient(135deg, rgba(var(--color-white-rgb), 0.05) 0%, transparent 30%, transparent 70%, rgba(var(--color-material-accent-rgb), 0.02) 100% ); background-size: 100px 100px, 120px 120px, 100% 100%; background-position: 0 0, 50px 60px, 0 0; will-change: transform; transform: translateZ(0); }
    .bubble .message-content-container .block-wrapper { padding: 10px 16px !important; margin: 0 !important; }
    .bubble .message-content-container .markdown { padding: 0 !important; margin: 0 !important; }
    .bubble .message-content-container .markdown p, .bubble .message-content-container .markdown ul, .bubble .message-content-container .markdown ol, .bubble .message-content-container .markdown h1, .bubble .message-content-container .markdown h2, .bubble .message-content-container .markdown h3, .bubble .message-content-container .markdown h4, .bubble .message-content-container .markdown h5, .bubble .message-content-container .markdown h6, .bubble .message-content-container .markdown pre, .bubble .message-content-container .markdown blockquote, .bubble .message-content-container .ant-collapse, .bubble .message-content-container .message-thought-container, .bubble .message-content-container [class*="CollapseContainer-"] { margin: 0.8em 0 !important; }
    .bubble .message-content-container .markdown p { line-height: 1.6 !important; }
    .bubble .message-content-container .markdown ul, .bubble .message-content-container .markdown ol { padding-left: 1.5em !important; }
    .bubble .message-content-container .markdown h1, .bubble .message-content-container .markdown h2, .bubble .message-content-container .markdown h3, .bubble .message-content-container .markdown h4, .bubble .message-content-container .markdown h5, .bubble .message-content-container .markdown h6 { margin-bottom: 0.4em !important; }
    .ant-collapse.message-thought-container, .ant-collapse[class*="CollapseContainer-"], .message-thought-container, .bubble .message-content-container .ant-collapse, .bubble .message-content-container .message-thought-container, .bubble .message-content-container [class*="CollapseContainer-"] { line-height: 1.6 !important; }
    .ant-collapse-item, .ant-collapse-header, .ant-collapse-content, .ant-collapse-content-box { margin: 0 !important; line-height: 1.6 !important; box-shadow: none !important; background: transparent !important; border: none !important; }
    .ant-collapse-header, .ant-collapse-content-box { padding: 4px 8px !important; }
    .ant-collapse.ant-collapse-icon-position-end.ant-collapse-small[class*="CollapseContainer-"].message-thought-container, .ant-collapse.ant-collapse-icon-position-end.ant-collapse-small, .ant-collapse.message-thought-container { box-shadow: none !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
    .ant-collapse.ant-collapse-icon-position-end.ant-collapse-small[class*="CollapseContainer-"].message-thought-container::before, .ant-collapse.ant-collapse-icon-position-end.ant-collapse-small::before, .ant-collapse.message-thought-container::before, .ant-collapse.ant-collapse-icon-position-end.ant-collapse-small[class*="CollapseContainer-"].message-thought-container::after, .ant-collapse.ant-collapse-icon-position-end.ant-collapse-small::after, .ant-collapse.message-thought-container::after { display: none !important; }
    .markdown th, .ant-table-thead > tr > th, .markdown table th, .markdown table { border-radius: 0 !important; }
    .bubble .message-content-container:hover { box-shadow: var(--cherry-shadow-subtle), 0 4px 20px rgba(var(--cherry-color-primary-rgb), 0.1); }
    .bubble .message-content-container::before { content: ''; position: absolute; inset: 0; border: var(--material-line-width) solid var(--color-material-line-dim); border-radius: var(--container-border-radius) !important; pointer-events: none; }
    .bubble .message-content-container::after { display: none; }
    .inputbar-container { border-radius: var(--container-border-radius) !important; box-shadow: var(--chat-customize-box-shadow); background: var(--color-background-opacity) !important; border: var(--material-line-width) solid var(--color-material-line-dim); overflow: hidden; transition: background-color var(--cherry-duration-normal) var(--cherry-easing-smooth), border-color var(--cherry-duration-normal) var(--cherry-easing-smooth), box-shadow var(--cherry-duration-normal) var(--cherry-easing-smooth), transform var(--cherry-duration-fast) var(--cherry-easing-smooth); position: relative; background-image: linear-gradient(135deg, rgba(var(--color-material-accent-rgb), 0.03) 0%, transparent 50%, rgba(var(--color-material-accent-purple-rgb), 0.02) 100% ); }
    .inputbar-container:hover { border-color: var(--cherry-border-primary); box-shadow: var(--cherry-shadow-subtle), 0 0 0 1px rgba(var(--cherry-color-primary-rgb), 0.1); }
    .inputbar-container:focus-within { border-color: var(--cherry-color-primary); box-shadow: var(--cherry-shadow-subtle), 0 0 0 2px rgba(var(--cherry-color-primary-rgb), 0.2), 0 0 12px rgba(var(--cherry-color-primary-rgb), 0.1); transform: var(--cherry-transform-focus-glow); border-color: var(--color-material-accent); box-shadow: var(--chat-customize-box-shadow), 0 0 0 2px rgba(var(--color-material-accent-rgb), 0.2), 0 0 16px rgba(var(--color-material-accent-rgb), 0.15); }
    .inputbar-container textarea, .inputbar-container input { transition: all var(--cherry-duration-normal) var(--cherry-easing-smooth); }
    .inputbar-container textarea:focus, .inputbar-container input:focus { outline: none; }
    .inputbar-container .ant-btn { color: var(--color-text-1) !important; background-color: rgba(var(--color-black-rgb), .08) !important; border-color: var(--color-material-line-dim) !important; box-shadow: none !important; position: relative; overflow: hidden; border-width: var(--material-line-width) !important; border-radius: var(--list-item-border-radius) !important; transition: background-color var(--duration-fast) var(--easing-ease), border-color var(--duration-fast) var(--easing-ease), color var(--duration-fast) var(--easing-ease); }
    .inputbar-container .ant-btn .anticon, .inputbar-container .ant-btn .iconfont { color: var(--color-text-1) !important; transition: color var(--duration-fast) var(--easing-ease); }
    .inputbar-container .ant-btn:hover { background-color: rgba(var(--color-white-rgb), .12) !important; border-color: var(--color-material-accent) !important; color: var(--color-material-accent) !important; background-color: rgba(var(--color-material-accent-rgb), .2) !important; transform: var(--cherry-transform-hover-lift); box-shadow: 0 4px 12px rgba(var(--color-material-accent-rgb), 0.15), 0 0 8px rgba(var(--color-material-accent-rgb), 0.1); }
    .inputbar-container .ant-btn:hover .anticon, .inputbar-container .ant-btn:hover .iconfont { color: var(--color-material-accent) !important; }
    li[class^="MenuItem-"], #content-container [class^="ListItemContainer-"], .ant-segmented-group .ant-segmented-item-label { border: 0 !important; box-sizing: border-box; border-radius: var(--list-item-border-radius) !important; color: var(--color-text-2); position: relative; background-color: transparent !important; transition: background-color var(--duration-fast) var(--easing-ease), color var(--duration-fast) var(--easing-ease), box-shadow var(--duration-fast) var(--easing-ease), border-left-color var(--duration-fast) var(--easing-ease); }
    li[class^="MenuItem-"].active, #content-container [class^="ListItemContainer-"].active, .ant-segmented-group .ant-segmented-item-label[aria-selected="true"] { box-shadow: var(--chat-customize-box-shadow4) !important; background: var(--color-background-soft) !important; color: var(--color-text-1); border-left: 2px solid var(--color-material-accent) !important; box-shadow: var(--chat-customize-box-shadow4), 0 0 8px rgba(var(--color-material-accent-rgb), 0.15) !important; }
    li[class^="MenuItem-"]:hover, #content-container [class^="ListItemContainer-"]:hover, .ant-segmented-group .ant-segmented-item-label:not([aria-selected="true"]):hover { background-color: rgba(var(--color-black-rgb), .1) !important; color: var(--color-text-1); }
    .ant-segmented { background: rgba(var(--color-black-rgb), .05) !important; border: var(--material-line-width) solid var(--color-material-line-dim) !important; border-radius: calc(var(--list-item-border-radius) + 2px) !important; padding: 2px !important; box-shadow: inset 0 1px 2px rgba(var(--color-black-rgb), .08), 0 1px 3px rgba(var(--color-black-rgb), .06) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: all var(--duration-normal) var(--easing-ease); }
    .ant-segmented .ant-segmented-item { border-radius: var(--list-item-border-radius) !important; margin: 0 !important; transition: all var(--duration-normal) var(--easing-ease); }
    .ant-segmented-item-label { padding: 8px 16px !important; border-radius: var(--list-item-border-radius) !important; color: var(--color-text-2) !important; font-weight: 500 !important; position: relative; transition: all var(--duration-normal) var(--easing-ease); background: linear-gradient(145deg, rgba(var(--color-white-rgb), .02) 0%, rgba(var(--color-black-rgb), .02) 100% ) !important; box-shadow: inset 0 1px 1px rgba(var(--color-white-rgb), .05), inset 0 -1px 1px rgba(var(--color-black-rgb), .05) !important; }
    .ant-segmented-item-label:hover:not([aria-selected="true"]) { color: var(--color-text-1) !important; background: linear-gradient(145deg, rgba(var(--color-white-rgb), .05) 0%, rgba(var(--color-black-rgb), .01) 100% ) !important; box-shadow: inset 0 1px 2px rgba(var(--color-white-rgb), .08), inset 0 -1px 2px rgba(var(--color-black-rgb), .03), 0 1px 3px rgba(var(--color-material-accent-rgb), .1) !important; }
    .ant-segmented-item-label[aria-selected="true"] { color: var(--color-text-1) !important; font-weight: 600 !important; background: linear-gradient(145deg, rgba(var(--color-material-accent-rgb), .12) 0%, rgba(var(--color-material-accent-rgb), .06) 50%, rgba(var(--color-material-accent-purple-rgb), .04) 100% ) !important; box-shadow: 0 2px 8px rgba(var(--color-material-accent-rgb), .15), 0 1px 3px rgba(var(--color-material-accent-rgb), .2), inset 0 1px 0 rgba(var(--color-white-rgb), .1), inset 0 -1px 0 rgba(var(--color-black-rgb), .05) !important; border: var(--material-line-width) solid rgba(var(--color-material-accent-rgb), .3) !important; }
    .ant-segmented-item-label[aria-selected="true"]::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 50%; background: linear-gradient(180deg, rgba(var(--color-material-accent-rgb), .08) 0%, transparent 100% ); border-radius: var(--list-item-border-radius) var(--list-item-border-radius) 0 0; pointer-events: none; }
    body[theme-mode="light"] .ant-segmented { background: rgba(var(--color-white-rgb), .3) !important; border-color: var(--color-material-line) !important; box-shadow: inset 0 1px 2px rgba(var(--color-black-rgb), .04), 0 1px 3px rgba(var(--color-black-rgb), .03) !important; }
    body[theme-mode="light"] .ant-segmented-item-label { background: linear-gradient(145deg, rgba(var(--color-white-rgb), .8) 0%, rgba(var(--color-black-rgb), .01) 100% ) !important; box-shadow: inset 0 1px 1px rgba(var(--color-white-rgb), .9), inset 0 -1px 1px rgba(var(--color-black-rgb), .03) !important; }
    body[theme-mode="light"] .ant-segmented-item-label:hover:not([aria-selected="true"]) { background: linear-gradient(145deg, rgba(var(--color-white-rgb), .95) 0%, rgba(129, 161, 193, .05) 100% ) !important; box-shadow: inset 0 1px 2px rgba(var(--color-white-rgb), .95), inset 0 -1px 2px rgba(var(--color-black-rgb), .02), 0 1px 3px rgba(129, 161, 193, .15) !important; }
    body[theme-mode="light"] .ant-segmented-item-label[aria-selected="true"] { background: linear-gradient(145deg, rgba(129, 161, 193, .15) 0%, rgba(129, 161, 193, .08) 50%, rgba(180, 142, 173, .06) 100% ) !important; box-shadow: 0 2px 8px rgba(129, 161, 193, .2), 0 1px 3px rgba(129, 161, 193, .25), inset 0 1px 0 rgba(var(--color-white-rgb), .8), inset 0 -1px 0 rgba(var(--color-black-rgb), .03) !important; border-color: rgba(129, 161, 193, .4) !important; }
    body[theme-mode="light"] .ant-segmented-item-label[aria-selected="true"]::before { background: linear-gradient(180deg, rgba(129, 161, 193, .12) 0%, transparent 100% ); }
    .markdown pre{ padding:0 !important; border-radius:var(--container-border-radius) !important; background:none !important; box-shadow:none !important; margin:1.5rem 0; position:relative; }
    .markdown pre [class^="CodeBlockWrapper-"],.markdown table{ border-radius:var(--container-border-radius) !important; box-shadow:var(--chat-customize-box-shadow) !important; border:var(--material-line-width) solid var(--color-material-line-dim); position:relative; background-color:var(--color-background-opacity) !important; transition:background-color var(--duration-normal) var(--easing-ease),box-shadow var(--duration-normal) var(--easing-ease),border-color var(--duration-normal) var(--easing-ease); }
    .markdown pre [class^="CodeBlockWrapper-"]{ overflow-x:auto; overflow-y:hidden; }
    .markdown pre [class^="CodeHeader-"]{ border-radius:0 !important; background-color:rgba(var(--color-black-rgb),.9) !important; background-image:none !important; border-bottom:none; margin-bottom:0 !important; display:flex; align-items:center; justify-content:center; color:var(--color-text-2); padding:8px 16px 8px 60px; position:relative; overflow:hidden; transition:background-color var(--duration-normal) var(--easing-ease),color var(--duration-normal) var(--easing-ease); }
    .markdown pre [class^="CodeHeader-"] .iconfont.icon-copy.copy { display: none !important; }
    .markdown pre [class^="CodeHeader-"]::before{ content:' '; position:absolute; top:50%; transform:translateY(-50%); left:16px; width:12px; height:12px; border-radius:50%; background:rgb(252,132,170); box-shadow:20px 0 rgb(147,243,230),40px 0 rgb(132,205,143); z-index:1; }
    .markdown pre [class^="CodeHeader-"]::after{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:linear-gradient(90deg,var(--color-material-accent),transparent); opacity:.8; z-index:1; transition:background var(--duration-normal) var(--easing-ease); }
    .markdown pre [class^="CodeContent-"]{ background-color:transparent !important; border-radius:0 !important; border-top:none !important; margin-top:0 !important; padding:16px; }
    .markdown pre .shiki{ border:none !important; background-color:transparent !important; padding:0 !important; margin:0 !important; }
    body[theme-mode="light"] .markdown pre [class^="CodeBlockWrapper-"], body[theme-mode="light"] .markdown table{ border-color:var(--color-material-line) !important; }
    body[theme-mode="light"] .markdown pre [class^="CodeHeader-"]{ background-color:rgba(var(--color-white-rgb),.95) !important; background-image:none !important; color:var(--color-text-2); }
    body[theme-mode="light"] .markdown pre [class^="CodeHeader-"]::after{ background:linear-gradient(90deg,transparent,var(--color-material-line)); opacity:.8; z-index:1; }
    ::selection { background-color: rgba(var(--color-material-accent-rgb),.2); color: var(--color-white); text-shadow: none; transition: background-color var(--duration-fast) var(--easing-ease), color var(--duration-fast) var(--easing-ease); }
    body[theme-mode="light"] ::selection { color: var(--color-black); }
    .ant-modal .ant-modal-content { border: 1px solid var(--color-material-accent); color: var(--color-text-1); border-radius: var(--container-border-radius) !important; }
    .ant-modal .ant-modal-content::before, .ant-modal .ant-modal-content::after { display: none; }
    .ant-modal-header { background-color: transparent !important; border-bottom: 1px solid var(--color-material-accent); border-radius: var(--container-border-radius) var(--container-border-radius) 0 0 !important; padding: 16px 24px; color: var(--color-text-1) !important; position: relative; transition: border-color var(--duration-normal) var(--easing-ease); }
    .ant-modal-title { color: var(--color-text-1) !important; }
    .ant-modal-header::after { content: ""; position: absolute; bottom: -1px; right: 0; width: 25%; height: 1px; background: linear-gradient(90deg, transparent, var(--color-material-accent)); opacity: .6; z-index: 1; transition: background var(--duration-normal) var(--easing-ease); }
    .markdown { color: var(--color-text-1); }
    .markdown h1 { font-size: 2em; border-bottom: 2px solid var(--color-material-accent); padding-bottom: .3em; margin: 1.5em 0 1em; position: relative; color: var(--color-material-accent) !important; transition: border-bottom-color var(--duration-normal) var(--easing-ease), color var(--duration-normal) var(--easing-ease); }
    .markdown h1::after { content: ""; position: absolute; right: 0; bottom: -2px; width: 30%; height: 2px; background: linear-gradient(90deg, transparent, var(--color-material-accent)); transition: background var(--duration-normal) var(--easing-ease); }
    .markdown h2 { font-size: 1.5em; border-left: 4px solid var(--color-material-accent-bright); padding-left: 1rem; margin: 1.5em 0 1em; position: relative; color: var(--color-material-accent-bright) !important; transition: border-left-color var(--duration-normal) var(--easing-ease), color var(--duration-normal) var(--easing-ease); }
    .markdown h3 { font-size: 1.2em; margin: 1.5em 0 1em; color: var(--color-material-accent-purple) !important; display: inline-block; background-color: rgba(var(--color-material-accent-purple-rgb), .08); padding: .1em .4em; border-radius: 4px; line-height: 1.5; box-decoration-break: clone; -webkit-box-decoration-break: clone; transition: background-color var(--duration-fast) var(--easing-ease), color var(--duration-fast) var(--easing-ease); }
    .markdown blockquote { padding: 1rem 1.5rem; margin: 1.5rem 0; background-color: rgba(var(--color-material-accent-purple-rgb), .12); font-style: italic; color: var(--color-text-2); position: relative; border: 1px solid var(--color-material-accent-purple); border-left: 4px solid var(--color-material-accent-purple); border-radius: var(--container-border-radius) !important; box-shadow: var(--chat-customize-box-shadow); overflow: hidden; transition: background-color var(--duration-normal) var(--easing-ease), border-color var(--duration-normal) var(--easing-ease), box-shadow var(--duration-normal) var(--easing-ease); }
    body[theme-mode="light"] .bubble .message-content-container::before { border-image-source: var(--cs-3d-inner-line-gradient-light); }
    body[theme-mode="light"] .bubble .message-content-container::after { border-image-source: var(--cs-3d-outer-line-gradient-light); }
    .cherry-3d-enhanced { position: relative; will-change: transform; transform: translateZ(0); }
    .cherry-3d-enhanced::before, .cherry-3d-enhanced::after { content: ''; position: absolute; box-sizing: border-box; border-style: solid; border-color: transparent; border-image-slice: 1; pointer-events: none; will-change: border-image-source; transform: translateZ(0); }
    .cherry-3d-enhanced::before { inset: 0; border-radius: var(--container-border-radius); padding: var(--cs-3d-edge-inner-offset); border-width: var(--cs-3d-edge-thickness); background-clip: padding-box; border-image-source: var(--cs-3d-inner-line-gradient-dark); z-index: 0; }
    .cherry-3d-enhanced::after { top: calc(-1 * (var(--material-line-width) + var(--cs-3d-edge-outer-offset) + var(--cs-3d-edge-thickness))); left: calc(-1 * (var(--material-line-width) + var(--cs-3d-edge-outer-offset) + var(--cs-3d-edge-thickness))); right: calc(-1 * (var(--material-line-width) + var(--cs-3d-edge-outer-offset) + var(--cs-3d-edge-thickness))); bottom: calc(-1 * (var(--material-line-width) + var(--cs-3d-edge-outer-offset) + var(--cs-3d-edge-thickness))); border-radius: calc(var(--container-border-radius) + var(--material-line-width) + var(--cs-3d-edge-outer-offset) + var(--cs-3d-edge-thickness)); border-width: var(--cs-3d-edge-thickness); border-image-source: var(--cs-3d-outer-line-gradient-dark); z-index: 0; }
    body[theme-mode="light"] .cherry-3d-enhanced::before { border-image-source: var(--cs-3d-inner-line-gradient-light); }
    body[theme-mode="light"] .cherry-3d-enhanced::after { border-image-source: var(--cs-3d-outer-line-gradient-light); }
    body[theme-mode="light"] .bubble .message-content-container { background-image: radial-gradient(circle at 20% 20%, rgba(129, 161, 193, 0.04) 0%, transparent 40%), radial-gradient(circle at 80% 80%, rgba(180, 142, 173, 0.03) 0%, transparent 40%), linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, transparent 30%, transparent 70%, rgba(129, 161, 193, 0.03) 100% ); }
    body[theme-mode="light"] .inputbar-container { background-image: linear-gradient(135deg, rgba(129, 161, 193, 0.04) 0%, transparent 50%, rgba(180, 142, 173, 0.03) 100% ); }
    div[class*="AgentsGroupList-"] { min-width: 160px !important; height: calc(100vh - var(--navbar-height)) !important; display: flex !important; flex-direction: column !important; gap: 8px !important; padding: 8px 0 !important; overflow-y: auto !important; overflow-x: hidden !important; -ms-overflow-style: none !important; scrollbar-width: none !important; background-image: none !important; border-image: none !important; }
    div[class*="AgentsGroupList-"]::-webkit-scrollbar { display: none !important; }
    div[class*="ListItemContainer-"] { margin: 0 0 !important; opacity: 1 !important; visibility: visible !important; flex-shrink: 0 !important; overflow: hidden !important; background-image: none !important; border-image: none !important; }
    div[class*="ListItemContainer-"] div[class*="fnBPAQ"] { flex-shrink: 0 !important; width: auto !important; overflow: hidden !important; }
    div[class*="ListItemContainer-"] div { flex-shrink: 0 !important; overflow: hidden !important;}
    div[class*="ListItemContainer-"] .ant-flex > div { flex-shrink: 0 !important;}
    div[class*="ListItemContainer-"] svg { color: var(--color-text-2) !important; flex-shrink: 0 !important; width: 20px !important; height: 20px !important; }
    div[class*="ListItemContainer-"] div[style*="min-width: 40px"] { text-align: center !important; flex-shrink: 0 !important; }
    div[class*="AgentsGroupList-"]::before, div[class*="AgentsGroupList-"]::after, div[class*="ListItemContent-"]::before, div[class*="ListItemContent-"]::after, div[class*="TextContainer-"]::before, div[class*="TextContainer-"]::after, div[class*="TitleText-"]::before, div[class*="TitleText-"]::after, div[class*="Tag-"]::before, div[class*="Tag-"]::after { display: none !important; }
    div[class*="ListItemContent-"], div[class*="TextContainer-"], div[class*="TitleText-"], div[class*="Tag-"] { background-image: none !important; border-image: none !important; }
    body[theme-mode="light"] div[class*="AgentsGroupList-"] { border-right: 0.5px solid var(--color-border) !important; }
    body[theme-mode="light"] div[class*="ListItemContainer-"].active { background-color: var(--color-list-item) !important; }
    @supports (color: color-mix(in srgb, red, blue)) {
    .inputbar-container .ant-btn { background-color: color-mix(in srgb, var(--color-material-accent) 10%, transparent) !important; border-color: color-mix(in srgb, var(--color-material-accent) 30%, transparent) !important; }
    .inputbar-container .ant-btn:hover { background-color: color-mix(in srgb, var(--color-material-accent) 20%, transparent) !important; border-color: color-mix(in srgb, var(--color-material-accent) 70%, transparent) !important; }
    li[class^="MenuItem-"].active, #content-container [class^="ListItemContainer-"].active { background: color-mix(in srgb, var(--color-material-accent) 15%, var(--color-background-soft)) !important; border-left-color: color-mix(in srgb, var(--color-material-accent) 100%, transparent) !important; }
    .markdown pre [class^="CodeHeader-"] { background-color: color-mix(in srgb, var(--color-black) 90%, var(--color-material-accent) 10%) !important; }
    body[theme-mode="light"] .inputbar-container .ant-btn { background-color: color-mix(in srgb, #81A1C1 10%, transparent) !important; border-color: color-mix(in srgb, #81A1C1 30%, transparent) !important; }
    body[theme-mode="light"] .inputbar-container .ant-btn:hover { background-color: color-mix(in srgb, #81A1C1 15%, transparent) !important; border-color: color-mix(in srgb, #81A1C1 50%, transparent) !important; }
    }
    @supports (container-type: inline-size) {
    @container (min-width: 400px) { .bubble .message-content-container { padding: 16px 20px; } }
    @container (min-width: 600px) { .bubble .message-content-container { padding: 20px 24px; border-radius: calc(var(--container-border-radius) + 2px) !important; } }
    @container (min-width: 500px) { .inputbar-container { padding: 12px 16px; } }
    @container (min-width: 800px) { .inputbar-container { padding: 16px 20px; } }
    }

    div[class*="GroupItem-"][class*="StickyGroupBanner-"] {background: #d9d9d9 !important; color: #000000 !important}
    div[class^=SearchBarContainer-] {background-color: var(--chat-background-user)}
    div[class^=SettingContent-] {background: var(--color-background-soft)}
    div[class^=MainContent-] {background:var(--color-background-soft);}

    /* --- Merged Assistant Sidebar Styles --- */
    /* CSS变量定义 */
    .TagsContainer-erHQJu:nth-child(1) { --group-color: 59, 130, 246; }
    .TagsContainer-erHQJu:nth-child(2) { --group-color: 34, 197, 94; }
    .TagsContainer-erHQJu:nth-child(3) { --group-color: 168, 85, 247; }
    .TagsContainer-erHQJu:nth-child(4) { --group-color: 249, 115, 22; }
    .TagsContainer-erHQJu:nth-child(5) { --group-color: 239, 68, 68; }
    .TagsContainer-erHQJu:nth-child(6) { --group-color: 6, 182, 212; }
    .TagsContainer-erHQJu:nth-child(7) { --group-color: 245, 158, 11; }
    .TagsContainer-erHQJu:nth-child(8) { --group-color: 156, 163, 175; }
    .TagsContainer-erHQJu:nth-child(9) { --group-color: 219, 39, 119; }
    .TagsContainer-erHQJu:nth-child(10) { --group-color: 99, 102, 241; }

    /* 分组容器基础样式 */
    .TagsContainer-erHQJu {
    margin: 12px 8px;
    padding: 12px 8px;
    border-radius: 12px;
    background: rgba(var(--group-color, 156, 163, 175), 0.06);
    border: 1px solid rgba(var(--group-color, 156, 163, 175), 0.12);
    overflow: hidden;
    }

    .TagsContainer-erHQJu:has(.GroupTitle-bZsCjw) {
    padding: 0;
    }

    /* 分组标题 */
    .GroupTitle-bZsCjw {
    margin: 0;
    padding: 14px 16px;
    background: rgba(var(--group-color, 156, 163, 175), 0.12);
    border: none;
    border-radius: 12px 12px 0 0;
    border-bottom: 1px solid rgba(var(--group-color, 156, 163, 175), 0.08);
    cursor: pointer;
    transition: all 0.2s ease;
    }

    .GroupTitle-bZsCjw:hover {
    background: rgba(var(--group-color, 156, 163, 175), 0.16);
    }

    .GroupTitleName-ifOZPj {
    font-weight: 600;
    font-size: 14px;
    color: rgba(var(--group-color, 156, 163, 175), 0.9);
    display: flex;
    align-items: center;
    margin: 0;
    letter-spacing: 0.025em;
    }

    .GroupTitleName-ifOZPj .anticon {
    margin-right: 8px;
    color: rgba(var(--group-color, 156, 163, 175), 0.7);
    font-size: 12px;
    transition: all 0.2s ease;
    }

    .GroupTitleDivider-hDobAZ {
    display: none;
    }

    .TagsContainer-erHQJu:has(.GroupTitle-bZsCjw) > div:not(.GroupTitle-bZsCjw) {
    padding: 0 12px;
    }

    .TagsContainer-erHQJu:has(.GroupTitle-bZsCjw) .Container-lnWGMS:last-of-type,
    .TagsContainer-erHQJu:has(.GroupTitle-bZsCjw) .AssistantAddItem-cnwcTr {
    margin-bottom: 12px;
    }

    /* 助手容器 */
    .Container-cFFyqi {
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 8px;
    transition: all 0.25s ease;
    margin: 2px 0;
    background: transparent;
    }

    .AssistantNameRow-eRVxCS {
    padding: 10px 12px;
    background: transparent !important;
    border: none;
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    border-radius: inherit;
    transition: all 0.25s ease;
    }

    .Container-gOOWxz {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    }

    .AssistantName-cHMAyM {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--cherry-text-primary);
    font-size: 13px;
    font-weight: 400;
    transition: all 0.25s ease;
    flex: 1;
    min-width: 0;
    margin-left: 8px;
    }

    /* 修复双重圆形的关键:去除MenuButton背景 */
    .MenuButton-kywHgl {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 8px;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    }

    .TopicCount-IXqyx {
    background: rgba(255, 255, 255, 0.08);
    color: #9ca3af;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    padding: 2px 6px;
    font-size: 11px;
    font-weight: 500;
    min-width: 16px;
    text-align: center;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
    box-shadow: none;
    }

    /* hover状态 */
    .Container-cFFyqi:hover {
    background: rgba(var(--group-color, 156, 163, 175), 0.08) !important;
    }

    .Container-cFFyqi:hover .TopicCount-IXqyx {
    background: rgba(var(--group-color, 156, 163, 175), 0.12);
    border-color: rgba(var(--group-color, 156, 163, 175), 0.2);
    color: rgba(var(--group-color, 156, 163, 175), 0.85);
    transform: scale(1.02);
    }

    /* 激活状态 */
    .Container-cFFyqi.active {
    background: rgba(var(--group-color, 156, 163, 175), 0.1) !important;
    border: 1px solid rgba(var(--group-color, 156, 163, 175), 0.2);
    box-shadow: 0 1px 2px rgba(var(--group-color, 156, 163, 175), 0.08);
    }

    .Container-cFFyqi.active .AssistantNameRow-eRVxCS {
    font-weight: 500;
    }

    .Container-cFFyqi.active .AssistantName-cHMAyM {
    /* color: rgba(var(--group-color, 156, 163, 175), 0.95) !important; */
    font-weight: 500;
    }

    .Container-cFFyqi.active .TopicCount-IXqyx {
    background: rgba(var(--group-color, 156, 163, 175), 0.9);
    color: #ffffff !important;
    border-color: rgba(var(--group-color, 156, 163, 175), 0.9);
    font-weight: 600;
    transform: scale(1.02);
    }

    .Container-cFFyqi.active:hover {
    background: rgba(var(--group-color, 156, 163, 175), 0.14) !important;
    box-shadow: 0 2px 3px rgba(var(--group-color, 156, 163, 175), 0.12);
    transform: translateX(1px);
    }

    .Container-cFFyqi.active:hover .TopicCount-IXqyx {
    background: rgba(var(--group-color, 156, 163, 175), 1);
    color: #ffffff !important;
    border-color: rgba(var(--group-color, 156, 163, 175), 1);
    transform: scale(1.05);
    }

    /* 表情符号背景 */
    .EmojiBackground-fPdsEN {
    border-radius: 6px;
    margin-right: 8px;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
    }

    /* 添加助手按钮 */
    .AssistantAddItem-cnwcTr {
    margin: 8px 0 0 0;
    padding: 12px;
    border: 2px dashed rgba(var(--group-color, 156, 163, 175), 0.3);
    border-radius: 8px;
    background: rgba(var(--group-color, 156, 163, 175), 0.02);
    transition: all 0.25s ease;
    cursor: pointer;
    width: 100%;
    }

    .AssistantAddItem-cnwcTr:hover {
    border-color: rgba(var(--group-color, 156, 163, 175), 0.5);
    background: rgba(var(--group-color, 156, 163, 175), 0.08);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(var(--group-color, 156, 163, 175), 0.15);
    }

    .AssistantAddItem-cnwcTr .AssistantName-hllWJP {
    color: rgba(var(--group-color, 156, 163, 175), 0.8);
    font-size: 13px;
    display: flex;
    align-items: center;
    font-weight: 500;
    }

    .AssistantAddItem-cnwcTr .anticon-plus {
    margin-right: 8px;
    font-size: 12px;
    color: rgba(var(--group-color, 156, 163, 175), 0.9);
    }


    /* --- Light & Dark Mode Adjustments for Assistant Sidebar --- */

    body[theme-mode="light"] .AssistantName-cHMAyM {
    color: var(--color-text-2);
    }
    body[theme-mode="light"] .GroupTitleName-ifOZPj {
    color: rgba(var(--group-color, 156, 163, 175), 0.85);
    }
    body[theme-mode="light"] .GroupTitleName-ifOZPj .anticon {
    color: rgba(var(--group-color, 156, 163, 175), 0.65);
    }
    body[theme-mode="light"] .Container-cFFyqi.active .AssistantName-cHMAyM {
    /* color: rgba(var(--group-color, 156, 163, 175), 0.9) !important; */
    }
    body[theme-mode="light"] .Container-cFFyqi:hover {
    background: rgba(var(--group-color, 156, 163, 175), 0.06) !important;
    }
    body[theme-mode="light"] .Container-cFFyqi.active {
    background: rgba(var(--group-color, 156, 163, 175), 0.2) !important;
    border-color: rgba(var(--group-color, 156, 163, 175), 0.25);
    box-shadow: 0 1px 2px rgba(var(--group-color, 156, 163, 175), 0.06);
    }
    body[theme-mode="light"] .Container-cFFyqi.active:hover {
    background: rgba(var(--group-color, 156, 163, 175), 0.15) !important;
    box-shadow: 0 2px 3px rgba(var(--group-color, 156, 163, 175), 0.1);
    }
    body[theme-mode="light"] .TopicCount-IXqyx {
    background: rgba(0, 0, 0, 0.05);
    color: #6b7280;
    border-color: rgba(0, 0, 0, 0.08);
    }
    body[theme-mode="light"] .Container-cFFyqi:hover .TopicCount-IXqyx {
    background: rgba(var(--group-color, 156, 163, 175), 0.1);
    color: rgba(var(--group-color, 156, 163, 175), 0.8);
    border-color: rgba(var(--group-color, 156, 163, 175), 0.15);
    }


    body[theme-mode="dark"] .TagsContainer-erHQJu {
    background: rgba(var(--group-color, 156, 163, 175), 0.08);
    border-color: rgba(var(--group-color, 156, 163, 175), 0.15);
    }
    body[theme-mode="dark"] .GroupTitle-bZsCjw {
    background: rgba(var(--group-color, 156, 163, 175), 0.15);
    border-bottom-color: rgba(var(--group-color, 156, 163, 175), 0.1);
    }
    body[theme-mode="dark"] .GroupTitle-bZsCjw:hover {
    background: rgba(var(--group-color, 156, 163, 175), 0.2);
    }
    body[theme-mode="dark"] .GroupTitleName-ifOZPj {
    color: rgba(var(--group-color, 156, 163, 175), 0.95);
    }
    body[theme-mode="dark"] .GroupTitleName-ifOZPj .anticon {
    color: rgba(var(--group-color, 156, 163, 175), 0.8);
    }
    body[theme-mode="dark"] .Container-cFFyqi:hover {
    background: rgba(var(--group-color, 156, 163, 175), 0.1) !important;
    }
    body[theme-mode="dark"] .Container-cFFyqi.active {
    background: rgba(var(--group-color, 156, 163, 175), 0.25) !important;
    border-color: rgba(var(--group-color, 156, 163, 175), 0.3);
    box-shadow: 0 1px 2px rgba(var(--group-color, 156, 163, 175), 0.1);
    }
    body[theme-mode="dark"] .Container-cFFyqi.active:hover {
    background: rgba(var(--group-color, 156, 163, 175), 0.18) !important;
    box-shadow: 0 2px 3px rgba(var(--group-color, 156, 163, 175), 0.15);
    }
    body[theme-mode="dark"] .AssistantAddItem-cnwcTr {
    border-color: rgba(var(--group-color, 156, 163, 175), 0.25);
    background: rgba(var(--group-color, 156, 163, 175), 0.03);
    }
    body[theme-mode="dark"] .AssistantAddItem-cnwcTr:hover {
    border-color: rgba(var(--group-color, 156, 163, 175), 0.4);
    background: rgba(var(--group-color, 156, 163, 175), 0.1);
    }
    body[theme-mode="dark"] .AssistantAddItem-cnwcTr .AssistantName-hllWJP {
    color: rgba(var(--group-color, 156, 163, 175), 0.9);
    }
    body[theme-mode="dark"] .AssistantAddItem-cnwcTr .anticon-plus {
    color: rgba(var(--group-color, 156, 163, 175), 0.95);
    }

    div[class^=GroupHeaderContainer-] {
    margin: 5px 0
    }

    /* ===== 反引号文本样式 ===== */
    code {
    padding: 0.1em 0.3em !important;
    border-radius: 3px !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.85em !important;
    line-height: normal !important;
    display: inline !important;
    vertical-align: baseline !important;
    position: relative !important;
    top: -0.05em !important;
    }

    /* 白天模式下反引号文本样式 */
    body[theme-mode="light"] code {
    color: #b59a55 !important; /* 更深的黄色 */
    background-color: rgba(181, 154, 85, 0.1) !important;
    }

    /* 夜间模式下反引号文本样式 */
    body[theme-mode="dark"] code {
    color: #e6cc8f !important; /* 浅黄色 */
    background-color: rgba(230, 204, 143, 0.15) !important;
    text-shadow: 0 0 3px rgba(230, 204, 143, 0.3) !important; /* 柔和发光效果 */
    box-shadow: 0 0 2px rgba(230, 204, 143, 0.2) !important; /* 轻微边缘发光 */
    }
    /* ===== 斜体文本样式 ===== */
    .markdown em, .markdown i {
    color: var(--color-material-accent-purple) !important; /* 使用与三级标题相同的粉色 */
    font-style: italic;
    margin: 0 3px !important;
    }