/* ========== 深色模式全局变量（默认暗蓝主题） ========== */

.theme {
    --bg-page: #1e1e2f;
    --dark-color: #1e1e2f;
    --bg-elevated: #2d2d3f;
    --bg-hover: #3a3a52;
    --bg-active: #3d405b;
    --border-color: #4a4a60;
    --border-light: #3e3e55;
    --text-primary: #e4e4e7;
    --text-secondary: #aaa;
    --link-color: #9cd9ff;
    --link-hover: #7bb8e6;
    --accent-blue: #3b82f6;
    --accent-green: #4cd964;
    --accent-red: #e74c3c;
    --accent-yellow: #fbbd08;
    --accent-teal: #00b5ad;
    --scrollbar-thumb: #5a5a75;
    --scrollbar-thumb-hover: #7a7a9a;
    --white-primary: #fff;
    --white-secondary: #ddd;
    --bg-nested: #252535;
    --button-default-bg: #D9874A;
    --button-default-hover: #ECA46A;
    --button-negative-hover: #c0392b;
    --button-negative-active: #a93226;
    --button-blue-hover: #2563eb;
    --button-teal-hover: #009c95;
    --button-yellow-hover: #e0a800;
    --button-red-hover: #c0392b;
    --button-green-hover: #3bc04f;
    --button-violet-bg: #9c27b0;
    --button-violet-hover: #7b1fa2;
    --button-brown-bg: #8d6e63;
    --button-brown-hover: #6d4c41;
    --button-orange-bg: #f39c12;
    --button-orange-hover: #e67e22;
    --label-brown-bg: #8d6e63;
    --label-violet-bg: #9c27b0;
    --label-gray-text: #1e1e2f;
    --label-border-light: rgba(255,255,255,0.2);
    --delete-icon-hover-bg: rgba(255,255,255,0.1);
    --focus-border: #6a6a8a;
    --placeholder-gray: #888;
    --focus-shadow: 0 0 0 1px rgba(106, 106, 138, 0.3);
    --simplemde-preview-bg: #27ae60;
    --simplemde-preview-border: #2ecc71;
    --codemirror-selected-bg: #4a6a8a;
    --codemirror-focused-selected-bg: #5a7a9a;
    --message-success-bg: #1e4620;
    --message-success-color: #c8e6c9;
    --message-success-header: #a5d6a7;
    --message-success-link: #81c784;
    --message-success-link-hover: #a5d6a7;
    --message-error-bg: #5c1a1a;
    --message-error-color: #ffcdd2;
    --message-error-header: #ef9a9a;
    --message-error-link: #e57373;
    --message-error-link-hover: #ef9a9a;
    --message-warning-bg: #5c4a1a;
    --message-warning-color: #ffecb3;
    --message-warning-header: #ffe082;
    --message-warning-link: #ffd54f;
    --message-warning-link-hover: #ffe082;
    --message-info-bg: #1a3a5c;
    --message-info-color: #b3e5fc;
    --message-info-header: #81d4fa;
    --message-info-link: #4fc3f7;
    --message-info-link-hover: #81d4fa;
    --remove-icon: #ff8a7a;
    --remove-icon-hover: #ff5a4a;
    --dropdown-icon: #b0b0d0;
    --shadow-default: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    --shadow-message: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-modal: 0 2px 10px rgba(0, 0, 0, 0.4);
    --sub-header-color: #d0d0e0;
    --dimmer-bg: rgba(0, 0, 0, 0.75);
    --highlight-fastest: #2a6b2f;
    --score-gold: #ffd966;
    --status-submit-answer-bg: #4a6a8c;
    --image-preview-placeholder: #0d0d1a;
    --success-message-bg-special: #1e5a3a;
    --comment-action-color: #f25e65;
    --comment-action-hover: #ff7b7b;
    --empty-message-dark: #888;
    --unread-item-bg: #2a2a3a;
    --rating-down-color: #ff6b6b;
    --button-red-hover-bg: rgba(231, 76, 60, 0.1);
    --button-red-hover-bg-deep: rgba(231, 76, 60, 0.2);
    --card-footer-overlay: rgba(0, 0, 0, 0.15);
    --loading-overlay: rgba(30, 30, 47, 0.95);
    --status-warning: #e67e22;
    --status-waiting: #f1c40f;
    --status-judging: #3498db;
}

.dark-warm {
    --bg-page: #2a1f1a;
    --dark-color: #2a1f1a;
    --bg-elevated: #3a2a24;
    --bg-hover: #4a3830;
    --bg-active: #5a463c;
    --bg-nested: #3a2a24;
    --border-color: #6a5448;
    --border-light: #5a4a3e;
    --text-primary: #f0e6de;
    --text-secondary: #c0b0a4;
    
    /* 链接：使用明亮的琥珀色 */
    --link-color: #ffb347;
    --link-hover: #ff9f20;
    
    /* 强调色：蓝 -> 暖橙，绿 -> 青柠绿（暖黄绿），黄 -> 金色，红 -> 珊瑚红，青 -> 琥珀 */
    --accent-blue: #e67e22;       /* 橙色主按钮 */
    --accent-green: #9bcd6c;      /* 柔和青柠绿，偏暖 */
    --accent-red: #e85d5a;        /* 珊瑚红，更暖 */
    --accent-yellow: #f5b042;     /* 金橙色 */
    --accent-teal: #e67e22;       /* 与橙色一致 */
    
    --scrollbar-thumb: #a0816e;
    --scrollbar-thumb-hover: #bf9b80;
    --white-primary: #fff;
    --white-secondary: #ddd;
    
    /* 按钮背景：主按钮保持橙色，其他微调 */
    --button-default-bg: #D9874A;
    --button-default-hover: #ECA46A;
    --button-negative-hover: #c0392b;
    --button-negative-active: #a93226;
    --button-blue-hover: #b45d1a;
    --button-teal-hover: #b45d1a;
    --button-yellow-hover: #d4a00a;
    --button-red-hover: #c0392b;
    --button-green-hover: #7cb34a;    /* 暖绿 */
    --button-violet-bg: #b56576;      /* 玫瑰色（暖紫） */
    --button-violet-hover: #a04e64;
    --button-brown-bg: #8d6e63;
    --button-brown-hover: #6d4c41;
    --button-orange-bg: #e67e22;
    --button-orange-hover: #b45d1a;
    
    --label-brown-bg: #8d6e63;
    --label-violet-bg: #b56576;
    --label-gray-text: #2a1f1a;
    --label-border-light: rgba(255,255,255,0.2);
    --delete-icon-hover-bg: rgba(255,255,255,0.1);
    --focus-border: #aa7a5a;
    --placeholder-gray: #8a7a6e;
    --focus-shadow: 0 0 0 1px rgba(170, 122, 90, 0.3);
    
    --simplemde-preview-bg: #6fbf4a;
    --simplemde-preview-border: #5aa43a;
    --codemirror-selected-bg: #7a4a3a;
    --codemirror-focused-selected-bg: #9a5a4a;
    
    /* 消息提示背景微调 */
    --message-success-bg: #3a5a2a;
    --message-success-color: #e0f0d0;
    --message-success-header: #c8e0b0;
    --message-success-link: #b0d090;
    --message-success-link-hover: #c8e0b0;
    
    --message-error-bg: #6a2a2a;
    --message-error-color: #f0d0d0;
    --message-error-header: #e0b0b0;
    --message-error-link: #d09090;
    --message-error-link-hover: #e0b0b0;
    
    --message-warning-bg: #6a5a2a;
    --message-warning-color: #f5e6b0;
    --message-warning-header: #eedb80;
    --message-warning-link: #e8d05a;
    --message-warning-link-hover: #eedb80;
    
    --message-info-bg: #4a4a2a;
    --message-info-color: #e0e0c0;
    --message-info-header: #d0d0a0;
    --message-info-link: #c0c080;
    --message-info-link-hover: #d0d0a0;
    
    --remove-icon: #ffaa8a;
    --remove-icon-hover: #ff8866;
    --dropdown-icon: #d0b0a0;
    --shadow-default: 0 1px 2px 0 rgba(0,0,0,0.3);
    --shadow-message: 0 1px 2px rgba(0,0,0,0.4);
    --shadow-modal: 0 2px 10px rgba(0,0,0,0.5);
    --sub-header-color: #e0d0c0;
    --dimmer-bg: rgba(0,0,0,0.85);
    
    --highlight-fastest: #6b8c3a;      /* 橄榄绿暖调 */
    --score-gold: #ffb870;
    --status-submit-answer-bg: #8a6a4a;
    --image-preview-placeholder: #0d0d1a;
    --success-message-bg-special: #3a6a3a;
    --comment-action-color: #e85d5a;
    --comment-action-hover: #ff7b7b;
    --empty-message-dark: #888;
    --unread-item-bg: #3a2a24;
    --rating-down-color: #ff6b6b;
    --button-red-hover-bg: rgba(232, 93, 90, 0.1);
    --button-red-hover-bg-deep: rgba(232, 93, 90, 0.2);
    --card-footer-overlay: rgba(0, 0, 0, 0.15);
    --loading-overlay: rgba(46, 35, 30, 0.95);
    --status-warning: #e67e22;
    --status-waiting: #f1c40f;
    --status-judging: #e67e22;
}
.dark-mint {
    /* 基础背景：深墨绿渐变感（仍然偏深但不压抑） */
    --bg-page: #1a2a1f;
    --dark-color: #1a2a1f;
    --bg-elevated: #2a3a2f;
    --bg-hover: #3a4a3f;
    --bg-active: #4a5a4f;
    --bg-nested: #2a3a2f;
    --border-color: #4a6a4f;
    --border-light: #3a5a3f;
    
    /* 文字：柔白、浅橄榄灰 */
    --text-primary: #e4f5e7;
    --text-secondary: #bdd4bf;
    
    /* 链接：亮青绿（温暖又清新） */
    --link-color: #6ec8a8;
    --link-hover: #8ddfbf;
    
    /* 核心强调色：增加青色、黄绿、橄榄 */
    --accent-blue: #2a9d8f;      /* 青绿 */
    --accent-green: #6fbf4a;     /* 草绿 */
    --accent-red: #e76f51;       /* 橙红（暖调） */
    --accent-yellow: #d4bb6a;    /* 橄榄金 */
    --accent-teal: #2a9d8f;      /* 青绿一致 */
    
    /* 滚动条：橄榄绿 */
    --scrollbar-thumb: #5a7a5f;
    --scrollbar-thumb-hover: #7a9a7f;
    
    --white-primary: #ffffff;
    --white-secondary: #e0f0e0;
    
    /* 按钮：不同按钮不同绿色阶/邻近色 */
    --button-default-bg: #6f9e6f;           /* 鼠尾草绿 */
    --button-default-hover: #8ec08e;
    --button-negative-hover: #c0392b;
    --button-negative-active: #a93226;
    --button-blue-hover: #1f7a6f;           /* 青绿 */
    --button-teal-hover: #1f7a6f;
    --button-yellow-hover: #c9a64a;         /* 橄榄黄 */
    --button-red-hover: #c0392b;
    --button-green-hover: #5aa43a;          /* 草绿 */
    --button-violet-bg: #8e6e9e;            /* 淡紫灰（柔和） */
    --button-violet-hover: #7a5a8a;
    --button-brown-bg: #b98c6b;             /* 暖棕 */
    --button-brown-hover: #9a6e4e;
    --button-orange-bg: #e67e22;
    --button-orange-hover: #b45d1a;
    
    /* 标签：黄绿、青绿、橄榄 */
    --label-brown-bg: #a8b56e;
    --label-violet-bg: #9ec8b0;
    --label-gray-text: #1a2a1f;
    --label-border-light: rgba(255,255,255,0.2);
    --delete-icon-hover-bg: rgba(255,255,255,0.1);
    
    /* 表单控件聚焦色 */
    --focus-border: #7a9a7f;
    --placeholder-gray: #8aa68a;
    --focus-shadow: 0 0 0 1px rgba(90, 120, 90, 0.3);
    
    /* 编辑器预览 */
    --simplemde-preview-bg: #6fbf4a;
    --simplemde-preview-border: #5aa43a;
    --codemirror-selected-bg: #4a6a5f;
    --codemirror-focused-selected-bg: #5a8a7f;
    
    /* 消息提示背景：不同消息类型使用自然色系 */
    --message-success-bg: #2d5a2a;
    --message-success-color: #daf5da;
    --message-success-header: #b0e0b0;
    --message-success-link: #90c890;
    --message-success-link-hover: #b0e0b0;
    
    --message-error-bg: #5a3a2a;
    --message-error-color: #f0d0c0;
    --message-error-header: #e0b0a0;
    --message-error-link: #d09080;
    --message-error-link-hover: #e0b0a0;
    
    --message-warning-bg: #6a5a2a;
    --message-warning-color: #f0e6b0;
    --message-warning-header: #e0d080;
    --message-warning-link: #d0c060;
    --message-warning-link-hover: #e0d080;
    
    --message-info-bg: #2a4a5a;
    --message-info-color: #c0e0f0;
    --message-info-header: #90c8e0;
    --message-info-link: #70b0d0;
    --message-info-link-hover: #90c8e0;
    
    /* 图标删除等 */
    --remove-icon: #ffaa8a;
    --remove-icon-hover: #ff8866;
    --dropdown-icon: #c0e0c0;
    
    /* 阴影 */
    --shadow-default: 0 1px 2px 0 rgba(0,0,0,0.3);
    --shadow-message: 0 1px 2px rgba(0,0,0,0.4);
    --shadow-modal: 0 2px 10px rgba(0,0,0,0.5);
    
    --sub-header-color: #d0e0d0;
    --dimmer-bg: rgba(0,0,0,0.85);
    
    /* 高亮与得分 */
    --highlight-fastest: #8ab86a;
    --score-gold: #e6c27a;
    --status-submit-answer-bg: #5a8a7a;
    --image-preview-placeholder: #1a2a1f;
    --success-message-bg-special: #3a6a4a;
    --comment-action-color: #e0a07a;
    --comment-action-hover: #f0b08a;
    --empty-message-dark: #a0b09a;
    --unread-item-bg: #3a4a3a;
    --rating-down-color: #e07a5a;
    --button-red-hover-bg: rgba(231, 111, 81, 0.1);
    --button-red-hover-bg-deep: rgba(231, 111, 81, 0.2);
    --card-footer-overlay: rgba(0, 0, 0, 0.15);
    --loading-overlay: rgba(26, 42, 31, 0.95);
    
    --status-warning: #d4bb6a;
    --status-waiting: #c0c06a;
    --status-judging: #6ec8a8;
}
.dark-deep {
        /* 基础背景：深紫褐底，偏暖但暗 */
    --bg-page: #1e1a22;
    --dark-color: #1e1a22;
    --bg-elevated: #2d2835;
    --bg-hover: #3c3548;
    --bg-active: #4a425a;
    --bg-nested: #2a2530;
    --border-color: #5a5070;
    --border-light: #4a4058;
    
    /* 文字：柔和米白 */
    --text-primary: #f5efe7;
    --text-secondary: #cdc0d6;
    
    /* 链接：暖橙黄 */
    --link-color: #ffb86b;
    --link-hover: #ffd199;
    
    /* 彩虹强调色（饱和适中，不刺眼） */
    --accent-blue: #6a8eff;      /* 柔蓝 */
    --accent-green: #7ed6a0;     /* 柔绿 */
    --accent-red: #ff8a6f;       /* 珊瑚橙 */
    --accent-yellow: #ffd166;    /* 暖金 */
    --accent-teal: #6bd9bf;      /* 青绿 */
    
    /* 滚动条：紫灰 */
    --scrollbar-thumb: #7a6a8a;
    --scrollbar-thumb-hover: #9a8aaa;
    
    --white-primary: #ffffff;
    --white-secondary: #ede5f5;
    
    /* 按钮配色（多彩但深邃） */
    --button-default-bg: #c9956e;           /* 土橙 */
    --button-default-hover: #dbae8a;
    --button-negative-hover: #c0392b;
    --button-negative-active: #a93226;
    --button-blue-hover: #5a7aff;
    --button-teal-hover: #4ac0a8;
    --button-yellow-hover: #e6b422;
    --button-red-hover: #e85c44;
    --button-green-hover: #5ecc89;
    --button-violet-bg: #aa7bc0;            /* 淡紫 */
    --button-violet-hover: #9b69b0;
    --button-brown-bg: #c2825e;
    --button-brown-hover: #a86e4a;
    --button-orange-bg: #f08c42;
    --button-orange-hover: #e07a30;
    
    /* 标签 */
    --label-brown-bg: #d9aa6a;
    --label-violet-bg: #b392d6;
    --label-gray-text: #1e1a22;
    --label-border-light: rgba(255,255,255,0.2);
    --delete-icon-hover-bg: rgba(255,255,255,0.1);
    
    /* 表单聚焦 */
    --focus-border: #b09ade;
    --placeholder-gray: #9e90aa;
    --focus-shadow: 0 0 0 1px rgba(160, 130, 200, 0.3);
    
    /* 编辑器 */
    --simplemde-preview-bg: #7ed6a0;
    --simplemde-preview-border: #5ecc89;
    --codemirror-selected-bg: #5a4a7a;
    --codemirror-focused-selected-bg: #7a5a9a;
    
    /* 消息提示（暖调） */
    --message-success-bg: #2a4a3a;
    --message-success-color: #d0f0e0;
    --message-success-header: #a0e0c0;
    --message-success-link: #80d0a0;
    --message-success-link-hover: #a0e0c0;
    
    --message-error-bg: #5a2a3a;
    --message-error-color: #f0d0e0;
    --message-error-header: #e0a0c0;
    --message-error-link: #d080a0;
    --message-error-link-hover: #e0a0c0;
    
    --message-warning-bg: #5a4a2a;
    --message-warning-color: #f0e6c0;
    --message-warning-header: #e0d0a0;
    --message-warning-link: #d0c080;
    --message-warning-link-hover: #e0d0a0;
    
    --message-info-bg: #2a3a5a;
    --message-info-color: #c0d0f0;
    --message-info-header: #a0b0e0;
    --message-info-link: #8090d0;
    --message-info-link-hover: #a0b0e0;
    
    /* 其他 */
    --remove-icon: #ffaa8a;
    --remove-icon-hover: #ff8866;
    --dropdown-icon: #d4c0e8;
    --shadow-default: 0 1px 2px 0 rgba(0,0,0,0.3);
    --shadow-message: 0 1px 2px rgba(0,0,0,0.4);
    --shadow-modal: 0 2px 10px rgba(0,0,0,0.5);
    --sub-header-color: #d4c0f0;
    --dimmer-bg: rgba(0,0,0,0.85);
    
    /* 评测相关（保留原值，不改变提交记录样式） */
    --highlight-fastest: #2a6b2f;
    --score-gold: #ffd966;
    --status-submit-answer-bg: #4a6a8c;
    --image-preview-placeholder: #0d0d1a;
    --success-message-bg-special: #1e5a3a;
    --comment-action-color: #f25e65;
    --comment-action-hover: #ff7b7b;
    --empty-message-dark: #888;
    --unread-item-bg: #2a2a3a;
    --rating-down-color: #ff6b6b;
    --button-red-hover-bg: rgba(231, 76, 60, 0.1);
    --button-red-hover-bg-deep: rgba(231, 76, 60, 0.2);
    --card-footer-overlay: rgba(0, 0, 0, 0.15);
    --loading-overlay: rgba(30, 26, 34, 0.95);
    --status-warning: #e67e22;
    --status-waiting: #f1c40f;
    --status-judging: #3498db;

}
.dark-oled {
    --bg-page: #000000;
    --dark-color: #000000;
    --bg-elevated: #121212;
    --bg-hover: #1e1e1e;
    --bg-active: #2a2a2a;
    --bg-nested: #121212;
    --border-color: #2a2a2a;
    --border-light: #1e1e1e;
    --text-primary: #ffffff;
    --text-secondary: #b0b0b0;
    --link-color: #3a86ff;
    --link-hover: #6aaaff;
    --accent-blue: #3a86ff;
    --accent-green: #2ecc71;
    --accent-red: #e74c3c;
    --accent-yellow: #f1c40f;
    --accent-teal: #1abc9c;
    --scrollbar-thumb: #333333;
    --scrollbar-thumb-hover: #555555;
    --white-primary: #ffffff;
    --white-secondary: #cccccc;
    --button-default-bg: #D9874A;
    --button-default-hover: #ECA46A;
    --button-negative-hover: #c0392b;
    --button-negative-active: #a93226;
    --button-blue-hover: #2563eb;
    --button-teal-hover: #009c95;
    --button-yellow-hover: #e0a800;
    --button-red-hover: #c0392b;
    --button-green-hover: #3bc04f;
    --button-violet-bg: #9c27b0;
    --button-violet-hover: #7b1fa2;
    --button-brown-bg: #8d6e63;
    --button-brown-hover: #6d4c41;
    --button-orange-bg: #f39c12;
    --button-orange-hover: #e67e22;
    --label-brown-bg: #8d6e63;
    --label-violet-bg: #9c27b0;
    --label-gray-text: #000000;
    --label-border-light: rgba(255,255,255,0.3);
    --delete-icon-hover-bg: rgba(255,255,255,0.15);
    --focus-border: #555555;
    --placeholder-gray: #888888;
    --focus-shadow: 0 0 0 1px rgba(100,100,255,0.3);
    --simplemde-preview-bg: #2ecc71;
    --simplemde-preview-border: #27ae60;
    --codemirror-selected-bg: #2a2a3a;
    --codemirror-focused-selected-bg: #3a3a5a;
    --message-success-bg: #0a330a;
    --message-success-color: #a0d0a0;
    --message-success-header: #80c080;
    --message-success-link: #60a060;
    --message-success-link-hover: #80c080;
    --message-error-bg: #4a1a1a;
    --message-error-color: #e0b0b0;
    --message-error-header: #d09090;
    --message-error-link: #c07070;
    --message-error-link-hover: #d09090;
    --message-warning-bg: #5a4a1a;
    --message-warning-color: #f0e0a0;
    --message-warning-header: #e0d070;
    --message-warning-link: #d0c050;
    --message-warning-link-hover: #e0d070;
    --message-info-bg: #1a3a5a;
    --message-info-color: #b0d0e0;
    --message-info-header: #90c0d0;
    --message-info-link: #70b0c0;
    --message-info-link-hover: #90c0d0;
    --remove-icon: #ff8a7a;
    --remove-icon-hover: #ff5a4a;
    --dropdown-icon: #b0b0d0;
    --shadow-default: 0 1px 2px 0 rgba(0,0,0,0.5);
    --shadow-message: 0 1px 2px rgba(0,0,0,0.5);
    --shadow-modal: 0 2px 10px rgba(0,0,0,0.7);
    --sub-header-color: #e0e0e0;
    --dimmer-bg: rgba(0,0,0,0.95);
    --highlight-fastest: #2a6b2f;
    --score-gold: #ffd966;
    --status-submit-answer-bg: #4a6a8c;
    --image-preview-placeholder: #0d0d1a;
    --success-message-bg-special: #1e5a3a;
    --comment-action-color: #f25e65;
    --comment-action-hover: #ff7b7b;
    --empty-message-dark: #888;
    --unread-item-bg: #2a2a3a;
    --rating-down-color: #ff6b6b;
    --button-red-hover-bg: rgba(231, 76, 60, 0.1);
    --button-red-hover-bg-deep: rgba(231, 76, 60, 0.2);
    --card-footer-overlay: rgba(0, 0, 0, 0.15);
    --loading-overlay: rgba(30, 30, 47, 0.95);
    --status-warning: #e67e22;
    --status-waiting: #f1c40f;
    --status-judging: #3498db;
}
.dark-purple {
    /* 基础背景：深紫黑 -> 偏紫的深色 */
    --bg-page: #1a1530;
    --dark-color: #1a1530;
    --bg-elevated: #2a2540;
    --bg-hover: #3a3550;
    --bg-active: #4a4560;
    --bg-nested: #2a2540;
    --border-color: #5a5570;
    --border-light: #4a4560;
    
    /* 文字：柔白、浅紫灰 */
    --text-primary: #f0eaff;
    --text-secondary: #cdc0e6;
    
    /* 链接：薰衣草蓝紫 */
    --link-color: #b3a0ff;
    --link-hover: #d0c0ff;
    
    /* 强调色（非评测相关） */
    --accent-blue: #6c5ce7;      /* 靛蓝 */
    --accent-green: #a3f0c0;     /* 淡翠绿 */
    --accent-red: #ff8a7a;       /* 珊瑚红 */
    --accent-yellow: #ffe0a3;    /* 淡金 */
    --accent-teal: #78e0d0;      /* 浅青 */
    
    /* 滚动条：淡紫色 */
    --scrollbar-thumb: #6a5a8a;
    --scrollbar-thumb-hover: #8a7aaa;
    
    --white-primary: #ffffff;
    --white-secondary: #e8e0ff;
    
    /* 按钮：不同按钮使用不同紫色/邻近色 */
    --button-default-bg: #8e6e9e;           /* 灰紫 */
    --button-default-hover: #ae8ebe;
    --button-negative-hover: #c0392b;
    --button-negative-active: #a93226;
    --button-blue-hover: #4a3ae7;           /* 靛蓝悬停 */
    --button-teal-hover: #5ac0b0;
    --button-yellow-hover: #e0c870;         /* 淡金 */
    --button-red-hover: #c0392b;
    --button-green-hover: #7ad0a0;
    --button-violet-bg: #b87ab8;            /* 粉紫 */
    --button-violet-hover: #a060a0;
    --button-brown-bg: #b3866e;             /* 暖棕 */
    --button-brown-hover: #9a6e4e;
    --button-orange-bg: #f39c12;
    --button-orange-hover: #e67e22;
    
    /* 标签：粉紫、淡紫、薰衣草 */
    --label-brown-bg: #c9a6d0;
    --label-violet-bg: #b87ab8;
    --label-gray-text: #1a1530;
    --label-border-light: rgba(255,255,255,0.25);
    --delete-icon-hover-bg: rgba(255,255,255,0.1);
    
    /* 表单控件聚焦色 */
    --focus-border: #9a8ac0;
    --placeholder-gray: #b0a0d0;
    --focus-shadow: 0 0 0 1px rgba(160, 120, 200, 0.4);
    
    /* 编辑器预览 */
    --simplemde-preview-bg: #a3f0c0;
    --simplemde-preview-border: #7ad0a0;
    --codemirror-selected-bg: #6a5a8a;
    --codemirror-focused-selected-bg: #8a7aaa;
    
    /* 消息提示：不同消息类型使用紫色邻近色（非提交记录） */
    --message-success-bg: #2a4a3a;
    --message-success-color: #d0f0e0;
    --message-success-header: #a0e0c0;
    --message-success-link: #80d0a0;
    --message-success-link-hover: #a0e0c0;
    
    --message-error-bg: #5a2a3a;
    --message-error-color: #f0d0e0;
    --message-error-header: #e0a0c0;
    --message-error-link: #d080a0;
    --message-error-link-hover: #e0a0c0;
    
    --message-warning-bg: #5a4a2a;
    --message-warning-color: #f0e6c0;
    --message-warning-header: #e0d0a0;
    --message-warning-link: #d0c080;
    --message-warning-link-hover: #e0d0a0;
    
    --message-info-bg: #2a3a5a;
    --message-info-color: #c0d0f0;
    --message-info-header: #a0b0e0;
    --message-info-link: #8090d0;
    --message-info-link-hover: #a0b0e0;
    
    /* 图标删除等 */
    --remove-icon: #ffaa8a;
    --remove-icon-hover: #ff8866;
    --dropdown-icon: #d0c0e8;
    
    /* 阴影 */
    --shadow-default: 0 1px 2px 0 rgba(0,0,0,0.3);
    --shadow-message: 0 1px 2px rgba(0,0,0,0.4);
    --shadow-modal: 0 2px 10px rgba(0,0,0,0.5);
    
    --sub-header-color: #d0c0f0;
    --dimmer-bg: rgba(0,0,0,0.85);
    
    /* ========== 以下为提交记录相关颜色（与原主题保持一致，未修改） ========== */
    --highlight-fastest: #2a6b2f;
    --score-gold: #ffd966;
    --status-submit-answer-bg: #4a6a8c;
    --image-preview-placeholder: #0d0d1a;
    --success-message-bg-special: #1e5a3a;
    --comment-action-color: #f25e65;
    --comment-action-hover: #ff7b7b;
    --empty-message-dark: #888;
    --unread-item-bg: #2a2a3a;
    --rating-down-color: #ff6b6b;
    --button-red-hover-bg: rgba(231, 76, 60, 0.1);
    --button-red-hover-bg-deep: rgba(231, 76, 60, 0.2);
    --card-footer-overlay: rgba(0, 0, 0, 0.15);
    --loading-overlay: rgba(30, 30, 47, 0.95);
    --status-warning: #e67e22;
    --status-waiting: #f1c40f;
    --status-judging: #3498db;
}
/* ========== 全局基础深色样式 ========== */
.theme body {
    background: var(--bg-page);
    color: var(--text-primary);
}

/* 深色模式下的滚动条样式（webkit 浏览器） */
.theme ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.theme ::-webkit-scrollbar-track {
    background: var(--bg-page);        /* 滚动条轨道：与页面背景一致 */
    border-radius: 6px;
}

.theme ::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);        /* 滑块颜色：比背景稍亮，可见但不刺眼 */
    border-radius: 6px;
    border: 2px solid var(--bg-page);  /* 使滑块有内缩效果 */
}

.theme ::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover);        /* 悬停时更亮 */
}
/* 使标题类 .ui.icon.header 中的文字和图标更亮 */
.theme .ui.icon.header,
.theme .ui.icon.header .content,
.theme .ui.icon.header i.icon {
    color: var(--text-primary) !important;
}
/* 区块标题 */
.theme .ui.top.attached.block.header {
    background: var(--bg-active);
    color: var(--text-primary);
    border-color: var(--border-color);
}
.theme .ui.top.attached.block.header i.icon {
    color: var(--text-secondary);
}
/* 深色模式下的标题（全局） */
.theme h1.ui.header,
.theme h2.ui.header,
.theme h3.ui.header,
.theme h4.ui.header {
    color: var(--text-primary);
}
/* 通用区块 */
.theme .ui.segment,
.theme .ui.bottom.attached.segment {
    background: var(--bg-page);
    border-color: var(--border-color);
}

/* 顶栏菜单 */
.theme .ui.fixed.menu {
    background: var(--bg-elevated);
    border-bottom-color: var(--border-light);
}
.theme .ui.main.container {
    background: var(--bg-page);
}
.theme .item,
.theme .ui.menu .item {
    color: var(--white-secondary);
}
.theme .ui.menu .item.active {
    background: var(--bg-hover);
    color: var(--white-primary);
}
.theme .ui.fixed.menu .item:hover,
.theme .ui.secondary.pointing.menu .active.item,
.theme .ui.menu .item:hover {
    background: var(--bg-hover) !important;
    color: var(--white-primary) !important;
}
.theme .ui.simple.dropdown.item:hover,
.theme .ui.dropdown .item:hover {
    color: var(--white-primary) !important;
}
.theme .ui.fixed.menu .item.menu-item:hover {
    background: var(--border-color) !important;
}
.theme .ui.fixed.menu .right.menu .item:hover {
    background: var(--border-color) !important;
}

.theme .ui.secondary.pointing.menu .active.item
{
    background: var(--bg-hover);
    color: var(--white-primary);
    border-color: var(--bg-hover);
}
/* 下拉菜单（全局） */
.theme .ui.dropdown .menu {
    background: var(--bg-elevated);
    border-color: var(--border-light);
}
.theme .ui.dropdown .menu .item {
    color: var(--white-secondary);
}
.theme .ui.dropdown .menu .item:hover {
    background: var(--border-light);
}

/* 右侧用户下拉菜单（与全局下拉菜单颜色统一） */
.theme .ui.fixed.menu .right.menu .dropdown .menu,
.theme .ui.menu .right.menu .dropdown .menu,
.theme .ui.simple.dropdown .menu {
    background: var(--bg-elevated) !important;           /* 改为与全局一致 */
    border: 1px solid var(--border-light) !important;
}
.theme .ui.fixed.menu .right.menu .dropdown .menu .item,
.theme .ui.simple.dropdown .menu .item {
    color: var(--text-primary) !important;
    background: transparent !important;
}
.theme .ui.fixed.menu .right.menu .dropdown .menu .item:hover,
.theme .ui.simple.dropdown .menu .item:hover {
    background: var(--border-light) !important;           /* 悬停背景改为 var(--border-light) */
    color: var(--white-primary) !important;
}
/* 下拉菜单分隔线（与全局一致） */
.theme .ui.fixed.menu .right.menu .dropdown .menu .divider,
.theme .ui.simple.dropdown .menu .divider {
    background: var(--border-light);
}
.theme .ui.dropdown .menu {
    background: var(--bg-elevated);
    border-color: var(--border-light);
}
.theme .ui.dropdown .menu .item {
    color: var(--text-primary);
}
.theme .ui.dropdown .menu .item:hover {
    background: var(--border-light);
    color: var(--white-primary);
}
.theme .ui.dropdown .menu .divider {
    background: var(--border-light);
}
/* 表格 */
.theme .ui.table,
.theme .ui.basic.table {
    background: var(--bg-page);
    color: var(--text-primary);
}
.theme .ui.table tbody tr:last-child td,
.theme .ui.basic.table tbody tr:last-child td {
    border-bottom: none;
}
.theme .ui.table td b {
    color: var(--text-primary);
}
.theme .ui.table a b,
.theme .ui.basic.table a b {
    color: var(--link-color);
}
.theme .ui.table a b:hover,
.theme .ui.basic.table a b:hover {
    color: var(--link-hover);
}
.theme .ui.table a,
.theme .ui.basic.table a {
    color: var(--link-color);
}
.theme .ui.table a:hover,
.theme .ui.basic.table a:hover {
    color: var(--link-hover);
}
.theme .ui.table td,
.theme .ui.basic.table td {
    border-color: var(--scrollbar-thumb);
    color: var(--text-primary);
}
.theme .ui.table thead th,
.theme .ui.basic.table thead th {
    background: var(--bg-page);
    color: var(--text-primary);
    border-bottom: 1px solid var(--scrollbar-thumb);
}
.theme .ui.table thead th a,
.theme .ui.basic.table thead th a {
    color: var(--text-primary) !important;
}
.theme .ui.table thead th a:hover,
.theme .ui.basic.table thead th a:hover {
    color: var(--link-hover) !important;
}

/* Toggle Checkbox */
.theme .ui.checkbox label:before {
    background-color: var(--border-light) !important;
    border-color: var(--border-light) !important;
}
.theme .ui.checkbox label {
    color: var(--text-primary) !important;
}
.theme .ui.checkbox input:focus:checked~label {
    color: var(--text-primary) !important;
}
.theme .ui.checkbox input:checked ~ label {
    color: var(--text-primary) !important;
}

/* 黑色链接在深色模式下变亮 */
.theme .black-link,
.theme a.black-link {
    color: var(--text-primary) !important;
}
.theme .black-link:hover,
.theme a.black-link:hover {
    color: var(--link-hover) !important;
}
/* 分割线标题深色模式样式 */
.theme .ui.dividing.header {
    color: var(--text-primary) !important;
    border-bottom-color: var(--scrollbar-thumb);   /* 分割线颜色与深色主题协调 */
}
.theme .ui.dividing.header a {
    color: var(--link-color) !important;
}
.theme .ui.dividing.header a:hover {
    color: var(--link-hover) !important;
}
/* 下拉框（Selection） */
.theme .ui.selection.visible.dropdown > .text:not(.default) {
    color: var(--text-primary) !important;
}
.theme .ui.selection.dropdown .menu {
    background: var(--bg-page) !important;
    border-color: var(--border-light) !important;
}
.theme .ui.selection.dropdown .menu > .item {
    color: var(--text-primary) !important;
    border-top: 1px solid var(--border-light) !important;
}
.theme .ui.selection.dropdown .menu > .item.selected,
.theme .ui.selection.dropdown .menu > .item.active {
    background: var(--border-light);
    color: var(--white-primary) !important;
}
.theme .ui.selection.dropdown .menu > .item:hover {
    background: var(--bg-hover) !important;
    color: var(--white-primary) !important;
}

/* 全局：right angle icon divider 变亮 */
.theme .divider .icon.angle.right,
.theme i.angle.right.icon,
.theme .ui.breadcrumb .divider i.icon {
    color: var(--text-primary) !important;
    opacity: 1;
}


/* 2. 标签栏（tag labels） */
/* 保留标签原有背景色，但文字改为亮色，边框稍微调亮 */

.theme .ui.label {
    color: var(--white-primary);
}
.dark .ui.label {
    border: 1px solid var(--label-border-light) !important;
}
.dark .ui.gray.label {
    color: var(--label-gray-text) !important;
}
.dark a.ui.gray.label:hover {
    color: var(--label-gray-text) !important;
}
.dark .ui.yellow.label {
    color: var(--label-gray-text) !important;
}
.dark a.ui.yellow.label:hover {
    color: var(--label-gray-text) !important;
}
.dark .ui.olive.label {
    color: var(--label-gray-text) !important;
}
.dark a.ui.olive.label:hover {
    color: var(--label-gray-text) !important;
}
.dark .ui.chtholly_blue.label {
    color: var(--label-gray-text) !important;
}
/* 题目浮动数字 */
.theme .floating.ui.brown.tiny.circular.label {
    background-color: var(--label-brown-bg) !important;
}
.theme .floating.ui.violet.tiny.circular.label {
    background-color: var(--label-violet-bg) !important;
}


/* 5. 按钮组（所有标签按钮、添加题目按钮等） */
.theme .ui.button,
.theme .ui.labeled.icon.button {
    background: var(--button-default-bg);
}
.theme .ui.button:hover,
.theme .ui.labeled.icon.button:hover {
    background: var(--button-default-hover);
}

.dark .ui.button,
.dark .ui.labeled.icon.button,
.dark .ui.button:hover,
.dark .ui.labeled.icon.button:hover
{
    color: var(--dark-color);
}
/* 全局 negative button 深色样式 */
.thene-dark .ui.button.negative {
    background: var(--accent-red);
}
.dark .ui.button.negative {
    color: var(--white-primary);
    box-shadow: none;
    background: var(--button-negative-active);
}
.theme .ui.button.negative:hover {
    background: var(--button-negative-hover);
}
.dark .ui.button.negative:hover {
    color: var(--white-primary);
}
.theme .ui.button.negative:active,
.theme .ui.button.negative:focus {
    background: var(--button-negative-active);
}
.dark .ui.button.negative:active,
.dark .ui.button.negative:focus {
    color: var(--white-primary);
}
/* 黄色、蓝色、绿色按钮特殊处理（保留原色但文字用深色或亮色） */
.theme .ui.blue.button,
.theme .ui.blue.labeled.icon.button {
    background: var(--accent-blue);
}
.theme .ui.blue.button:hover,
.theme .ui.labeled.icon.blue.button:hover {
    background: var(--button-blue-hover);
}
.dark .ui.blue.button,
.dark .ui.blue.labeled.icon.button,
.dark .ui.blue.button:hover,
.dark .ui.labeled.icon.blue.button:hover  {
    color: var(--white-primary);
}

.theme .ui.teal.button,
.theme .ui.teal.labeled.icon.button {
    background: var(--accent-teal);
}
.dark .ui.teal.button,
.dark .ui.teal.labeled.icon.button,
.dark .ui.teal.button:hover,
.dark .ui.teal.labeled.icon.button:hover  {
    color: var(--dark-color);
}
.theme .ui.teal.button:hover,
.theme .ui.teal.labeled.icon.button:hover {
    background: var(--button-teal-hover);
}


.theme .ui.yellow.button,
.theme .ui.yellow.labeled.icon.button {
    background: var(--accent-yellow);
}
.theme .ui.yellow.button:hover,
.theme .ui.yellow.labeled.icon.button:hover {
    background: var(--button-yellow-hover);      /* 略深的黄色，保证对比 */
}


.dark .ui.yellow.button,
.dark .ui.yellow.labeled.icon.button {
    color: var(--dark-color);
}
.dark .ui.yellow.button:hover,
.dark .ui.yellow.labeled.icon.button:hover {
    color: var(--dark-color);
}

.dark .ui.red.button,
.dark .ui.red.labeled.icon.button {
    color: var(--dark-color);
}
.dark .ui.red.button:hover,
.dark .ui.red.labeled.icon.button:hover {
    color: var(--dark-color);
}



.theme .ui.red.button,
.theme .ui.red.labeled.icon.button {
    background: var(--accent-red);
}
.theme .ui.red.button:hover,
.theme .ui.red.labeled.icon.button:hover {
    background: var(--button-red-hover);
}


.theme .ui.green.button,
.theme .ui.green.labeled.icon.button {
    background: var(--accent-green);
}
.theme .ui.green.button:hover,
.theme .ui.green.labeled.icon.button:hover {
    background: var(--button-green-hover);      /* 略深的绿色 */
}



.dark .ui.green.button,
.dark .ui.green.labeled.icon.button {
    color: var(--dark-color);
}
.dark .ui.green.button:hover,
.dark .ui.green.labeled.icon.button:hover {
    color: var(--dark-color);
}


/* 紫色按钮 (violet) */
.theme .ui.violet.button,
.theme .ui.violet.labeled.icon.button {
    background: var(--button-violet-bg);
}
.theme .ui.violet.button:hover,
.theme .ui.violet.labeled.icon.button:hover {
    background: var(--button-violet-hover);
}

/* 棕色按钮 (brown) */
.theme .ui.brown.button,
.theme .ui.brown.labeled.icon.button {
    background: var(--button-brown-bg);
}
.theme .ui.brown.button:hover,
.theme .ui.brown.labeled.icon.button:hover {
    background: var(--button-brown-hover);
}



/* 紫色按钮 (violet) */
.dark .ui.violet.button,
.dark .ui.violet.labeled.icon.button {
    color: var(--white-primary);
}
.dark .ui.violet.button:hover,
.dark .ui.violet.labeled.icon.button:hover {
    color: var(--white-primary);
}

/* 棕色按钮 (brown) */
.dark .ui.brown.button,
.dark .ui.brown.labeled.icon.button {
    color: var(--white-primary);
}
.dark .ui.brown.button:hover,
.dark .ui.brown.labeled.icon.button:hover {
    color: var(--white-primary);
}

/* 橙色按钮 (orange) */
.dark .ui.orange.button,
.dark .ui.orange.labeled.icon.button {
    color: var(--dark-color);
}
.dark .ui.orange.button:hover,
.dark .ui.orange.labeled.icon.button:hover {
    color: var(--dark-color);
}


/* 橙色按钮 (orange) */
.theme .ui.orange.button,
.theme .ui.orange.labeled.icon.button {
    background: var(--button-orange-bg);
}
.theme .ui.orange.button:hover,
.theme .ui.orange.labeled.icon.button:hover {
    background: var(--button-orange-hover);
}


.dark .ui.primary.button,
.dark .ui.primary.button:active,
.dark .ui.primary.button:focus {
    color: var(--white-primary) !important;
}
.dark .ui.primary.button:hover {
    color: var(--white-primary) !important;
}


.theme .ui.primary.button,
.theme .ui.primary.button:active,
.theme .ui.primary.button:focus {
    background: var(--accent-blue) !important;
}
.theme .ui.primary.button:hover {
    background: var(--button-blue-hover) !important;
}

.theme .compact.ui.primary.button:hover {
    background: var(--button-blue-hover) !important;
}

.dark .ui.active.primary.button,
.dark .ui.active.primary.button:active,
.dark .ui.active.primary.button:focus {
    color: var(--bg-page) !important;
}
.dark .ui.active.primary.button:hover {
    color: var(--bg-page) !important;
}

.theme .ui.active.primary.button,
.theme .ui.active.primary.button:active,
.theme .ui.active.primary.button:focus {
    background: var(--accent-green) !important;
}
.theme .ui.active.primary.button:hover {
    background: var(--button-green-hover) !important;
}

.theme .compact.ui.primary.active.button:hover {
    background: var(--button-green-hover) !important;
}

.dark .ui.positive.button,
.dark .ui.positive.button:active,
.dark .ui.positive.button:focus {
    color: var(--dark-color);
}
.dark .ui.positive.button:hover {
    color: var(--dark-color);
}


.theme .ui.positive.button,
.theme .ui.positive.button:active,
.theme .ui.positive.button:focus {
    background: var(--accent-green);
}
.theme .ui.positive.button:hover {
    background: var(--button-green-hover);
}


.theme .compact.ui.positive.button:hover {
    background: var(--button-green-hover);
}

.theme .ui.message {
    background: var(--bg-elevated);
    color: var(--text-primary);
    box-shadow: var(--shadow-default);
}


/* 结构化/带单元格边框的表格：保留所有线条 */
.theme .ui.structured.table,
.theme .ui.celled.table,
.theme .ui.structured.celled.table {
    border: 1px solid var(--scrollbar-thumb);                /* 外边框 */
}
.theme .ui.structured.table tr,
.theme .ui.celled.table tr,
.theme .ui.structured.celled.table tr {
    border-color: var(--scrollbar-thumb);                    /* 行间边框 */
}
.theme .ui.structured.table td,
.theme .ui.celled.table td,
.theme .ui.structured.celled.table td,
.theme .ui.structured.table th,
.theme .ui.celled.table th,
.theme .ui.structured.celled.table th {
    border: 1px solid var(--scrollbar-thumb) !important;     /* 单元格四周边框 */
    border-color: var(--scrollbar-thumb) !important;
}
/* 结构化表格的标题行上色（深色模式下背景略亮，以区分表头） */
.theme .ui.structured.table thead th,
.theme .ui.celled.table thead th,
.theme .ui.structured.celled.table thead th {
    background: var(--bg-elevated) !important;   /* 比普通单元格背景（var(--bg-page)）更亮 */
    color: var(--white-primary) !important;
    border-color: var(--scrollbar-thumb);
}

/* ========== 修复深色模式下的表单（ui.form） ========== */
.theme .ui.form .field > label {
    color: var(--text-primary) !important;
}

.theme .ui.input input,
.theme .ui.form input:not([type="checkbox"]):not([type="radio"]),
.theme .ui.form textarea,
.theme .ui.form select {
    background: var(--bg-elevated) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

.theme .ui.input input::placeholder,
.theme .ui.form input::placeholder,
.theme .ui.form textarea::placeholder {
    color: var(--text-secondary) !important;
}

.theme .ui.input input:focus,
.theme .ui.form input:focus,
.theme .ui.form textarea:focus,
.theme .ui.form select:focus {
    background: var(--bg-hover) !important;
    border-color: var(--focus-border) !important;
    color: var(--white-primary) !important;
}

/* 文件上传控件 */
.theme .ui.form input[type="file"] {
    background: var(--bg-elevated) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

.theme .ui.form input[type="file"]::-webkit-file-upload-button {
    background: var(--bg-active);
    color: var(--text-primary);
    border: none;
    border-radius: 0.25rem;
    padding: 0.5rem 1rem;
    margin-right: 1rem;
}

/* 下拉选择框（非 dropdown 菜单） */
.theme .ui.form select {
    background: var(--bg-elevated);
    color: var(--text-primary);
    border-color: var(--border-color);
}

/* checkbox / radio 保持原有样式，但标签文字适配 */
.theme .ui.form .field .ui.checkbox label,
.theme .ui.form .field .ui.radio.checkbox label {
    color: var(--text-primary);
}

/* 表单中的辅助文本 */
.theme .ui.form .help-block,
.theme .ui.form .inline.help-block {
    color: var(--text-secondary);
}

/* 深色模式：指向下方右侧的标签 */
.theme .ui.label.pointing.below,
.theme .ui.pointing.below.label {
    background: var(--bg-active);          /* 与深色区块背景协调 */
    border-color: var(--border-color);
    color: var(--text-primary);
}
/* 箭头部分（伪元素） */
.theme .ui.label.pointing.below:before,
.theme .ui.pointing.below.label:before {
    border-color: var(--bg-active) transparent transparent transparent;
    /* 箭头指向下方，对应上边框颜色与标签背景一致，其余透明 */
}

/* ========== 多选搜索下拉框（ui search dropdown selection multiple）深色样式 ========== */

/* 下拉框整体容器 */
.theme .ui.search.dropdown.selection.multiple {
    background: var(--bg-elevated);
    border-color: var(--border-color);
    color: var(--text-primary);
}

/* 输入区域（可显示已选标签） */
.theme .ui.search.dropdown.selection.multiple > input.search {
    color: var(--text-primary);
    background: transparent;
}
.theme .ui.search.dropdown.selection.multiple > input.search::placeholder {
    color: var(--text-secondary);
}

/* 已选标签（每个选项的标签） */
.theme .ui.search.dropdown.selection.multiple .ui.label {
    background: var(--bg-active);
    color: var(--text-primary);
    border: 1px solid var(--scrollbar-thumb);
}
.theme .ui.search.dropdown.selection.multiple .ui.label .delete.icon {
    color: var(--text-secondary);
}
.theme .ui.search.dropdown.selection.multiple .ui.label .delete.icon:hover {
    color: var(--white-primary);
    background: var(--delete-icon-hover-bg);
    border-radius: 50%;
}
/* 搜索框 */
.theme .ui.search .ui.left.icon.input input {
    background: var(--bg-elevated);
    color: var(--text-primary);
    border-color: var(--border-light);
}
.theme .ui.search .ui.left.icon.input input::placeholder {
    color: var(--text-secondary);
}

.theme .ui.search .results {
    background: var(--bg-nested)!important;
    border-color: var(--border-light)!important;
    color: var(--text-primary)!important;
}

.theme .ui.search .results > .result.active {
    color: var(--text-primary) !important;
    background: var(--border-light) !important;
}
.theme .ui.search .result {
    color: var(--text-primary);
}
.theme .ui.search .result:hover {
    background: var(--bg-elevated)!important;
}
.theme .ui.search .results .result .title {
    color: var(--text-primary) !important;
}
.theme .ui.search .results .result .description {
    color: var(--text-secondary) !important;
}
.theme .ui.search.selection .message{
        color: var(--text-primary) !important;
}
.theme .ui.search .left.icon.input i.icon {
    color: var(--text-primary) !important;
}
/* 下拉菜单 */
.theme .ui.search.dropdown.selection.multiple .menu {
    background: var(--bg-elevated);
    border-color: var(--border-color);
}
/* 深色模式下下拉箭头图标调亮 */
.theme .ui.dropdown > .dropdown.icon,
.theme .ui.search.dropdown > .dropdown.icon,
.theme .ui.search.dropdown.selection.multiple > .dropdown.icon {
    color: var(--dropdown-icon) !important;   /* 适中亮灰色，可根据需要调为 #ccc 或 var(--white-secondary) */
}
/* 下拉菜单中的选项 */
.theme .ui.search.dropdown.selection.multiple .menu > .item {
    color: var(--text-primary);
    border-top: 1px solid var(--border-light);
}
.theme .ui.search.dropdown.selection.multiple .menu > .item:hover {
    background: var(--border-light);
    color: var(--white-primary);
}
.theme .ui.search.dropdown.selection.multiple .menu > .item.selected,
.theme .ui.search.dropdown.selection.multiple .menu > .item.active {
    background: var(--bg-hover);
    color: var(--white-primary);
}

/* ========== 修复多选/单选下拉框已选文本颜色 ========== */

/* 基础 selection dropdown 背景和文字 */
.theme .ui.selection.dropdown,
.theme .ui.selection.dropdown.active,
.theme .ui.selection.dropdown.visible {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* 已选中的文本（单选/多选都会显示已选项的文本摘要） */
.theme .ui.selection.dropdown .text,
.theme .ui.selection.dropdown .default.text {
    color: var(--text-primary) !important;
}

/* 下拉箭头图标颜色 */
.theme .ui.selection.dropdown > .dropdown.icon {
    color: var(--text-secondary) !important;
}

/* 多选模式下的输入框内文字（搜索输入时的占位符及输入文字） */
.theme .ui.search.dropdown.selection.multiple > input.search {
    color: var(--text-primary) !important;
}
.theme .ui.search.dropdown.selection.multiple > input.search::placeholder {
    color: var(--placeholder-gray) !important;
}

/* 如果有多选标签，确保标签文字也亮色 */
.theme .ui.search.dropdown.selection.multiple .ui.label {
    background: var(--bg-active) !important;
    color: var(--text-primary) !important;
    border-color: var(--scrollbar-thumb);
}

/* 搜索匹配高亮（如果有） */
.theme .ui.search.dropdown.selection.multiple .menu > .item .highlight {
    color: var(--accent-yellow);
}


/* 下拉箭头图标 */
.theme .ui.search.dropdown.selection.multiple > .dropdown.icon {
    color: var(--text-secondary);
}

/* 多选下拉框在获得焦点时的边框 */
.theme .ui.search.dropdown.selection.multiple.active,
.theme .ui.search.dropdown.selection.multiple.visible {
    border-color: var(--focus-border);
}

/* 深色模式下 sub header 文字变亮 */
.theme .sub.header,
.theme .ui.header .sub.header,
.theme .ui.horizontal.list .sub.header {
    color: var(--sub-header-color) !important;   /* 亮灰蓝色，确保清晰可见 */
}

/* ========== 通知中心页面深色样式 ========== */
/* 适配 notifications.ejs 中的卡片、卡片内 segment、消息提示等 */

/* 卡片整体背景与边框 */
.theme .ui.card,
.theme .ui.cards > .card {
    background: var(--bg-page);
    border-color: var(--border-color);
    border: 1px solid var(--border-color);
    box-shadow: none;
}
.theme .ui.card .content,
.theme .ui.cards > .card .content {
    background: var(--bg-page);
    color: var(--text-primary);
}
/* 卡片头部标题 */
.theme .ui.card .header,
.theme .ui.cards > .card .header {
    color: var(--text-primary);
}
/* 卡片元信息（时间） */
.theme .ui.card .meta,
.theme .ui.cards > .card .meta {
    color: var(--text-secondary);
}
/* 卡片描述内链接 */
.theme .ui.card .description a {
    color: var(--link-color);
}
.theme .ui.card .description a:hover {
    color: var(--link-hover);
}

/* 无通知时的消息组件（已有全局 .ui.message 样式，此处确保对比度） */
.theme .ui.message {
    background: var(--bg-elevated);
    color: var(--text-primary);
    box-shadow: var(--shadow-default);
}

.theme .ui.card>.content>.description, .ui.cards>.card>.content>.description
{
    color: var(--text-primary);
}

/* “新建全局通知”区块中的表单编辑器 */
.theme .SimpleMDEEditor,
.theme .editor-toolbar,
.theme .CodeMirror {
    background: var(--bg-elevated);
    border-color: var(--border-color);
    color: var(--text-primary);
}
.theme .editor-toolbar {
    background: var(--bg-elevated);
    border-bottom: 1px solid var(--border-color);
}
.theme .editor-toolbar a {
    color: var(--text-primary) !important;
}
.theme .editor-toolbar a:hover {
    background: var(--border-light);
    border-color: var(--scrollbar-thumb);
}
.theme .CodeMirror-cursor {
    border-left-color: var(--white-primary);
}
.theme .CodeMirror-scroll {
    background: var(--bg-elevated);
}
/* 编辑器预览区域（如果使用 live preview） */
.theme .CodeMirror-preview {
    background: var(--bg-page);
    color: var(--text-primary);
}
/* ========== SimpleMDE 编辑器深色样式增强 ========== */

/* 编辑器工具栏中激活的按钮（如加粗、斜体等） */
.theme .editor-toolbar a.active {
    background: var(--border-light) !important;
    border-color: var(--focus-border) !important;
    color: var(--white-primary) !important;
}

/* 编辑器获得焦点时的整体边框/阴影提示 */
.theme .CodeMirror-focused {
    border-color: var(--focus-border);
    box-shadow: var(--focus-shadow);
    outline: none;
}

/* 预览按钮激活状态（如果启用了预览模式） */
.theme .editor-toolbar a.preview.active {
    background: var(--simplemde-preview-bg) !important;
    color: var(--white-primary) !important;
    border-color: var(--simplemde-preview-border) !important;
}

/* 编辑器全屏模式下的背景（如有） */
.theme .editor-toolbar.fullscreen,
.theme .CodeMirror-fullscreen {
    background: var(--bg-page);
}

/* 深色模式下 SimpleMDE 预览模式禁用的按钮样式 */
.theme .editor-toolbar.disabled-for-preview a:not(.no-disable),
.theme .editor-toolbar.disabled-for-preview a:not(.no-disable):hover {
    background: var(--bg-page) !important;
    cursor: not-allowed;
    opacity: 0.6;
}
/* 预览面板整体背景与文字 */
.theme .editor-preview,
.theme .editor-preview-side,
.theme .CodeMirror-preview {
    background: var(--bg-page) !important;
    color: var(--text-primary) !important;
}
/* ========== 编辑器选中文本（Selection）深色样式 ========== */
.theme ::selection {
    background-color: var(--border-color);   /* 比普通深色背景更深，但保留可读性 */
    color: var(--white-primary);
}
.theme ::-moz-selection {
    background-color: var(--border-color);
    color: var(--white-primary);
}

/* 针对输入框、文本域内的选中文本 */
.theme input::selection,
.theme textarea::selection,
.theme .CodeMirror-selected,
.theme .CodeMirror-line::selection,
.theme .CodeMirror-line > span::selection,
.theme .CodeMirror-line > span > span::selection {
    background-color: var(--scrollbar-thumb) !important;  /* 更深且带 !important 覆盖默认样式 */
}

/* 针对 CodeMirror 编辑器的选中区域 */
.theme .CodeMirror .CodeMirror-selected {
    background: var(--codemirror-selected-bg) !important;   /* 深蓝灰色，更明显 */
}

/* 编辑器获得焦点时的选中区域（可以略微更亮以示聚焦） */
.theme .CodeMirror-focused .CodeMirror-selected {
    background: var(--codemirror-focused-selected-bg) !important;
}

/* 全局限定在 CodeMirror 内的 selection 覆盖，避免影响全局 */
.theme .CodeMirror ::selection {
    background: var(--codemirror-selected-bg);
}
.theme .CodeMirror ::-moz-selection {
    background: var(--codemirror-selected-bg);
}

/* ========== 深色模式：顶部附加的标签页菜单（tabular menu） ========== */
.theme .ui.top.attached.tabular.menu {
    background: transparent;            /* 让菜单背景透明，由父级背景接管 */
    border-bottom: 1px solid var(--border-color);   /* 底边框与深色主题协调 */
}
/* 菜单项悬停 */
.theme .ui.top.attached.tabular.menu .item:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
    border-color: var(--scrollbar-thumb);
    border-radius: .28571429rem .28571429rem 0 0;      /* 与菜单项圆角一致 */
}

/* 激活的标签页 */
.theme .ui.top.attached.tabular.menu .item.active {
    background: var(--bg-page);               /* 激活项背景与页面内容区一致 */
    color: var(--white-primary);                    /* 激活文字亮白 */
    border-color: var(--border-color);             /* 保留边框 */
    border-bottom-color: var(--dark-color);      /* 底部边框与背景融合，实现“附着”效果 */
}
.theme .ui.top.attached.tabular.menu .item.active:hover {
    background: var(--bg-page) !important;               /* 激活项背景与页面内容区一致 */
    color: var(--white-primary) !important;                    /* 激活文字亮白 */
    border-color: var(--border-color) !important;             /* 保留边框 */
    border-bottom-color: var(--bg-page) !important;      /* 底部边框与背景融合，实现“附着”效果 */
}

/* 如果标签页菜单包含图标，确保图标颜色 */
.theme .ui.top.attached.tabular.menu .item i.icon {
    color: inherit;
    opacity: 0.8;
}
.theme .ui.top.attached.tabular.menu .item.active i.icon {
    opacity: 1;
}
/* ========== 深色模式下的消息提示（Success / Error / Warning / Info） ========== */
.theme .ui.success.message {
    background: var(--message-success-bg);
    color: var(--message-success-color);
    box-shadow: var(--shadow-message);
}
.theme .ui.success.message .header {
    color: var(--message-success-header);
}
.theme .ui.success.message a {
    color: var(--message-success-link);
}
.theme .ui.success.message a:hover {
    color: var(--message-success-link-hover);
}

.theme .ui.error.message,
.theme .ui.negative.message {
    background: var(--message-error-bg);
    color: var(--message-error-color);
    box-shadow: var(--shadow-message);
}
.theme .ui.error.message .header,
.theme .ui.negative.message .header{
    color: var(--message-error-header);
}
.theme .ui.error.message a ,
.theme .ui.negative.message a {
    color: var(--message-error-link);
}
.theme .ui.error.message a:hover ,
.theme .ui.negative.message a:hover {
    color: var(--message-error-link-hover);
}

.theme .ui.warning.message {
    background: var(--message-warning-bg);
    color: var(--message-warning-color);
    box-shadow: var(--shadow-message);
}
.theme .ui.warning.message .header {
    color: var(--message-warning-header);
}
.theme .ui.warning.message a {
    color: var(--message-warning-link);
}
.theme .ui.warning.message a:hover {
    color: var(--message-warning-link-hover);
}

.theme .ui.info.message {
    background: var(--message-info-bg);
    color: var(--message-info-color);
    box-shadow: var(--shadow-message);
}
.theme .ui.info.message .header {
    color: var(--message-info-header);
}
.theme .ui.info.message a {
    color: var(--message-info-link);
}
.theme .ui.info.message a:hover {
    color: var(--message-info-link-hover);
}

/* 消息列表中的消息项（例如表单提交后弹出的内联消息） */
.theme .ui.message .list li:before {
    color: inherit;
}


.theme div.message.empty>div.header,
.theme div.message.empty>div.description{
    color: var(--text-primary) !important;
}

/* ========== 深色模式：基本模态框 (ui basic modal) ========== */
/* 模态框主体背景、边框、阴影 */
.theme .ui.basic.modal,
.theme .ui.modal {
    background: var(--bg-page) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow-modal) !important;
}

.theme .ui.inverted.red.basic.button {
    color: var(--remove-icon) !important;
}

/* 模态框头部 */
.theme .ui.basic.modal > .header,
.theme .ui.modal > .header {
    background: var(--bg-page) !important;
    color: var(--text-primary) !important;
}


/* 模态框过渡动画激活状态（transition visible active） */
.theme .ui.modal.transition.visible.active {
    transform: translateY(0) scale(1) !important;
}

/* 模态框背景遮罩层（dimmer）深色覆盖 */
.theme .ui.dimmer {
    background-color: var(--dimmer-bg) !important;
}
.theme .editor-preview pre, .editor-preview-side pre
{
    background: var(--bg-page)!important;
}


/* 下载图标深色模式优化 */
.theme .ui.existing.segment a i.download.icon,
.theme code-box a i.download.icon,
.theme a i.download.icon {
    color: var(--link-color) !important;
}
.theme .ui.existing.segment a:hover i.download.icon,
.theme code-box a:hover i.download.icon,
.theme a:hover i.download.icon {
    color: var(--white-primary) !important;
}
.theme i.repeat.icon{
    color: var(--link-color) !important;
}
.theme i.repeat.icon:hover{
    color:  var(--white-primary) !important;
}


/* 3. 后台表格中的删除图标（红色 remove icon 链接） */
.theme i.remove.icon {
    color: var(--remove-icon) !important;
}
.theme i.remove.icon:hover {
    color: var(--remove-icon-hover) !important;
}

.theme .ui.form .inline.fields>label
{
    color: var(--text-primary) !important;
}

/* ========== Steps 组件深色模式 ========== */
/* ========== Steps 组件深色模式（完整版，含箭头分隔符） ========== */

/* 步骤容器 */
.theme .ui.steps {
    background: transparent;
    border: 1px solid var(--border-color);
    border-radius: 0.28571429rem;
}

/* 单个步骤 */
.theme .ui.steps .step {
    background: var(--bg-page);
    color: var(--text-primary);
    border-right: 1px solid var(--border-color);
}

.theme .ui.steps .step:last-child {
    border-right: none;
}

/* 步骤标题和描述 */
.theme .ui.steps .step .title {
    color: var(--text-primary);
}

.theme .ui.steps .step .description {
    color: var(--text-secondary);
}

.theme .ui.steps .step .icon {
    color: var(--text-secondary);
}

/* ========== 关键：箭头分隔符（:after）深色适配 ========== */
/* 默认步骤之间的箭头（旋转的正方形） */
.theme .ui.steps .step:after {
    background-color: var(--bg-page) !important;      /* 与步骤背景同色，实现“挖空”效果 */
    border-color: var(--border-color) !important;     /* 边框颜色与步骤边框一致 */
    border-width: 0 1px 1px 0;
    box-shadow: none;  /* 防止默认阴影可见 */
}

/* 鼠标悬停时箭头背景与步骤悬停背景同步 */
.theme .ui.steps a.step:hover:after {
    background-color: var(--bg-hover) !important;
    border-color: var(--border-color) !important;
}

/* 激活步骤的箭头（激活状态时背景色通常不同） */
.theme .ui.steps .step.active:after {
    background-color: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

/* 完成步骤的箭头（保持完成状态背景色）*/
.theme .ui.steps .step.completed:after {
    background-color: var(--bg-page) !important;  /* 完成步骤通常背景不变，根据需求可调整 */
    border-color: var(--border-color) !important;
}
/* 去除基础主按钮的阴影 */
.theme .ui.basic.primary.button,
.theme .ui.basic.primary.buttons .button {
    box-shadow: none !important;
}

/* 同时去除悬停、聚焦时的阴影（可选） */
.theme .ui.basic.primary.button:hover,
.theme .ui.basic.primary.buttons .button:hover,
.theme .ui.basic.primary.button:focus,
.theme .ui.basic.primary.buttons .button:focus {
    box-shadow: none !important;
}
/* ========== 激活状态 ========== */
.theme .ui.steps .step.active {
    background: var(--bg-elevated);
}
.theme .ui.steps .step.active .description {
    color: var(--text-primary);
}

/* ========== 链接步骤悬停 ========== */
.theme .ui.steps a.step:hover:not(.disabled) {
    background: var(--bg-hover);
}
.theme .ui.steps a.step:hover .title {
    color: var(--link-hover);
}
.theme .ui.steps a.step:hover .icon {
    color: var(--link-hover);
}
/* 悬停时箭头背景同步（已在上面 .ui.steps a.step:hover:after 中定义）*/
/* 紧凑菜单的深色适配（使用 CSS 变量） */
.theme .ui.compact.menu {
    background: var(--bg-elevated);
    border: 1px solid var(--border-color);
}

.theme .ui.compact.menu .item {
    background: var(--bg-elevated);
    color: var(--text-primary);
    border-right: 1px solid var(--border-light);
}

.theme .ui.compact.menu .item:last-child {
    border-right: none;
}

.theme .ui.compact.menu .item:hover {
    background: var(--bg-hover);
    color: var(--white-primary);
}

.theme .ui.compact.menu .active.item {
    background: var(--bg-active);
    color: var(--white-primary);
}

/* 如果紧凑菜单包含图标 */
.theme .ui.compact.menu .item i.icon {
    color: var(--text-secondary);
}

.theme .ui.compact.menu .item:hover i.icon {
    color: var(--white-primary);
}











/* 彩虹主题额外装饰：表格行交替色（浅彩虹背景） */
.dark-deep .ui.table tbody tr:nth-child(even) {
    background: rgba(88, 166, 255, 0.05);
}
.dark-deep .ui.table tbody tr:nth-child(odd) {
    background: rgba(239, 68, 68, 0.03);
}

/* 进度条彩虹渐变 */
.dark-deep .ui.progress .bar {
    background: linear-gradient(90deg, #ef4444, #f59e0b, #10b981, #3b82f6, #8b5cf6);
}

/* 仅限彩虹亮色主题下的额外装饰 */
.dark-deep .ui.table tbody tr:nth-child(even) {
    background: rgba(75, 130, 246, 0.08)!important;
}
.dark-deep .ui.table tbody tr:nth-child(odd) {
    background: rgba(255, 68, 68, 0.05)!important;
}

/* 水平分割线渐变 */
.dark-deep .ui.divider:not(.vertical) {
    border-top: none;
    position: relative;
}
.dark-deep .ui.divider:not(.vertical)::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #ff6b6b, #ffd93d, #6bcb77, #4d96ff, #c084fc, #ff6b6b);
    transform: translateY(-50%);
}
/* 垂直分割线渐变 */
.dark-deep .ui.divider.vertical {
    border-left: none;
    position: relative;
}
.dark-deep .ui.divider.vertical::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, #ff6b6b, #ffd93d, #6bcb77, #4d96ff, #c084fc, #ff6b6b);
    transform: translateX(-50%);
}

.dark-deep ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
.dark-deep ::-webkit-scrollbar-track {
    background: var(--bg-page);      /* 使用主题背景色 */
    border-radius: 6px;
}
.dark-deep ::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #ff6b6b, #ffd93d, #6bcb77, #4d96ff, #c084fc);
    border-radius: 6px;
    border: 2px solid var(--bg-page);
}
.dark-deep ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #ff8a8a, #ffe66d, #8fdb9a, #6aa9ff, #d0a0ff);
}

/* 暗蓝主题（默认）额外装饰 */
.theme .ui.table tbody tr:nth-child(even) {
    background: rgba(100, 100, 150, 0.08);
}
.theme .ui.table tbody tr:nth-child(odd) {
    background: rgba(80, 80, 120, 0.05);
}
.theme .ui.progress .bar {
    background: linear-gradient(90deg, #3b82f6, #4cd964, #fbbd08);
}

/* 暖橙主题额外装饰 */
.dark-warm .ui.table tbody tr:nth-child(even) {
    background: rgba(255, 140, 60, 0.12);   /* 更明显的暖橙色底纹 */
}
.dark-warm .ui.table tbody tr:nth-child(odd) {
    background: rgba(255, 100, 30, 0.06);
}

/* 墨绿主题额外装饰 */
.dark-mint .ui.table tbody tr:nth-child(even) {
    background: rgba(100, 150, 100, 0.08);
}
.dark-mint .ui.table tbody tr:nth-child(odd) {
    background: rgba(70, 110, 70, 0.05);
}
.dark-mint .ui.progress .bar {
    background: linear-gradient(90deg, #6fbf4a, #2a9d8f, #d4bb6a);
}

/* 紫罗兰主题额外装饰 */
.dark-purple .ui.table tbody tr:nth-child(even) {
    background: rgba(130, 110, 180, 0.08);
}
.dark-purple .ui.table tbody tr:nth-child(odd) {
    background: rgba(100, 80, 150, 0.05);
}
.dark-purple .ui.progress .bar {
    background: linear-gradient(90deg, #8e6e9e, #6c5ce7, #b87ab8);
}

/* ========== 浅色模式 ========== */
/* ========== 原生风格浅色主题（接近 Semantic UI 默认） ========== */
/* ========== 原生风格浅色主题（接近 Semantic UI 默认，蓝色略暗） ========== */
.light-ng {
    --bg-page: #ffffff;
    --bg-elevated: #f8f9fa;
    --bg-hover: #f1f3f5;
    --bg-active: #e9ecef;
    --bg-nested: #f8f9fa;
    --border-color: #dee2e6;
    --border-light: #e9ecef;
    --text-primary: #212529;
    --text-secondary: #6c757d;
    --link-color: #2185d0;           /* 比原蓝色稍暗，Semantic UI 标准蓝 */
    --link-hover: #1678c2;           /* 悬停加深 */
    --accent-blue: #2185d0;
    --accent-green: #198754;
    --accent-red: #dc3545;
    --accent-yellow: #ffc107;
    --accent-teal: #20c997;          /* 保持原青绿色 */
    --scrollbar-thumb: #adb5bd;
    --scrollbar-thumb-hover: #868e96;
    --white-primary: #212529;
    --white-secondary: #6c757d;
    --dark-color: #212529;
    --button-default-bg: #e9ecef;
    --button-default-hover: #dee2e6;
    --button-negative-hover: #c82333;
    --button-negative-active: #bd2130;
    --button-blue-hover: #1678c2;    /* 与链接悬停一致 */
    --button-teal-hover: #1aa179;
    --button-yellow-hover: #e0a800;
    --button-red-hover: #bb2d3b;
    --button-green-hover: #157347;
    --button-violet-bg: #6f42c1;
    --button-violet-hover: #5e3a9e;
    --button-brown-bg: #8d6e63;
    --button-brown-hover: #6d4c41;
    --button-orange-bg: #fd7e14;
    --button-orange-hover: #e46c0e;
    --label-brown-bg: #f4a460;
    --label-violet-bg: #9c27b0;
    --label-gray-text: #495057;
    --label-border-light: rgba(0,0,0,0.1);
    --delete-icon-hover-bg: rgba(0,0,0,0.05);
    --focus-border: #2185d0;         /* 聚焦边框与主蓝色一致 */
    --placeholder-gray: #6c757d;
    --focus-shadow: 0 0 0 0.25rem rgba(33,133,208,0.25); /* 阴影使用主蓝色 */
    --simplemde-preview-bg: #20c997;
    --simplemde-preview-border: #1aa179;
    --codemirror-selected-bg: #e2e6ea;
    --codemirror-focused-selected-bg: #cbd3da;
    --message-success-bg: #d1e7dd;
    --message-success-color: #0f5132;
    --message-success-header: #0a3622;
    --message-success-link: #0a3622;
    --message-success-link-hover: #0a3622;
    --message-error-bg: #f8d7da;
    --message-error-color: #842029;
    --message-error-header: #842029;
    --message-error-link: #842029;
    --message-error-link-hover: #842029;
    --message-warning-bg: #fff3cd;
    --message-warning-color: #664d03;
    --message-warning-header: #664d03;
    --message-warning-link: #664d03;
    --message-warning-link-hover: #664d03;
    --message-info-bg: #cff4fc;
    --message-info-color: #055160;
    --message-info-header: #055160;
    --message-info-link: #055160;
    --message-info-link-hover: #055160;
    --remove-icon: #dc3545;
    --remove-icon-hover: #bb2d3b;
    --dropdown-icon: #6c757d;
    --shadow-default: 0 1px 2px 0 rgba(0,0,0,0.05);
    --shadow-message: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-modal: 0 2px 6px rgba(0,0,0,0.1);
    --sub-header-color: #6c757d;
    --dimmer-bg: rgba(0,0,0,0.4);
    --highlight-fastest: #d1e7dd;
    --score-gold: #ffc107;
    --status-submit-answer-bg: #e2e3e5;
    --image-preview-placeholder: #e9ecef;
    --success-message-bg-special: #d1e7dd;
    --comment-action-color: #dc3545;
    --comment-action-hover: #bb2d3b;
    --empty-message-dark: #6c757d;
    --unread-item-bg: #fff3cd;
    --rating-down-color: #dc3545;
    --button-red-hover-bg: rgba(220,53,69,0.1);
    --button-red-hover-bg-deep: rgba(220,53,69,0.2);
    --card-footer-overlay: rgba(0,0,0,0.02);
    --loading-overlay: rgba(255,255,255,0.9);
    --status-warning: #ffc107;
    --status-waiting: #fd7e14;
    --status-judging: #2185d0;       /* 评测中状态使用较暗蓝色 */
}
/* ========== 暖橙浅色主题 ========== */
.light-warm {
    
    --bg-page: #ffffff;
    --bg-elevated: #f8f9fa;
    --bg-hover: #e9ecef;
    --bg-active: #dee2e6;
    --bg-nested: #f1f3f5;
    --border-color: #ced4da;
    --border-light: #e9ecef;
    --text-primary: #212529;
    --text-secondary: #6c757d;
    --link-color: #0d6efd;
    --link-hover: #0a58ca;
    --accent-blue: #0d6efd;
    --accent-green: #198754;
    --accent-red: #dc3545;
    --accent-yellow: #ffc107;
    --accent-teal: #20c997;
    --scrollbar-thumb: #adb5bd;
    --scrollbar-thumb-hover: #868e96;
    --white-primary: #333;
    --white-secondary: #444;
    --dark-color: #444;
    --button-default-bg: #e9ecef;
    --button-default-hover: #dee2e6;
    --button-negative-hover: #c82333;
    --button-negative-active: #bd2130;
    --button-blue-hover: #0b5ed7;
    --button-teal-hover: #1aa179;
    --button-yellow-hover: #e0a800;
    --button-red-hover: #bb2d3b;
    --button-green-hover: #157347;
    --button-violet-bg: #6f42c1;
    --button-violet-hover: #5e3a9e;
    --button-brown-bg: #8d6e63;
    --button-brown-hover: #6d4c41;
    --button-orange-bg: #fd7e14;
    --button-orange-hover: #e46c0e;
    --label-brown-bg: #f4a460;
    --label-violet-bg: #9c27b0;
    --label-gray-text: #495057;
    --label-border-light: rgba(0,0,0,0.1);
    --delete-icon-hover-bg: rgba(0,0,0,0.05);
    --focus-border: #86b7fe;
    --placeholder-gray: #6c757d;
    --focus-shadow: 0 0 0 0.25rem rgba(13,110,253,0.25);
    --simplemde-preview-bg: #20c997;
    --simplemde-preview-border: #1aa179;
    --codemirror-selected-bg: #e2e6ea;
    --codemirror-focused-selected-bg: #cbd3da;
    --message-success-bg: #d1e7dd;
    --message-success-color: #0f5132;
    --message-success-header: #0a3622;
    --message-success-link: #0a3622;
    --message-success-link-hover: #0a3622;
    --message-error-bg: #f8d7da;
    --message-error-color: #842029;
    --message-error-header: #842029;
    --message-error-link: #842029;
    --message-error-link-hover: #842029;
    --message-warning-bg: #fff3cd;
    --message-warning-color: #664d03;
    --message-warning-header: #664d03;
    --message-warning-link: #664d03;
    --message-warning-link-hover: #664d03;
    --message-info-bg: #cff4fc;
    --message-info-color: #055160;
    --message-info-header: #055160;
    --message-info-link: #055160;
    --message-info-link-hover: #055160;
    --remove-icon: #dc3545;
    --remove-icon-hover: #bb2d3b;
    --dropdown-icon: #6c757d;
    --shadow-default: 0 1px 2px 0 rgba(0,0,0,0.05);
    --shadow-message: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-modal: 0 2px 6px rgba(0,0,0,0.1);
    --sub-header-color: #6c757d;
    --dimmer-bg: rgba(0,0,0,0.4);
    --highlight-fastest: #d1e7dd;
    --score-gold: #ffc107;
    --status-submit-answer-bg: #e2e3e5;
    --image-preview-placeholder: #e9ecef;
    --success-message-bg-special: #d1e7dd;
    --comment-action-color: #dc3545;
    --comment-action-hover: #bb2d3b;
    --empty-message-dark: #6c757d;
    --unread-item-bg: #fff3cd;
    --rating-down-color: #dc3545;
    --button-red-hover-bg: rgba(220,53,69,0.1);
    --button-red-hover-bg-deep: rgba(220,53,69,0.2);
    --card-footer-overlay: rgba(0,0,0,0.02);
    --loading-overlay: rgba(255,255,255,0.9);
    --status-warning: #ffc107;
    --status-waiting: #fd7e14;
    --status-judging: #0d6efd;
    --bg-page: #fef5e7;
    --bg-elevated: #fff4e6;
    --bg-hover: #fdebd0;
    --bg-active: #f8e0c0;
    --bg-nested: #f0e8dc;
    --border-color: #e0c8a8;
    --border-light: #eedcc8;
    --text-primary: #3a2a1f;
    --text-secondary: #6a5a4a;
    --link-color: #e67e22;
    --link-hover: #b45d1a;
    --accent-blue: #e67e22;
    --accent-green: #9bcd6c;
    --accent-red: #e85d5a;
    --accent-yellow: #f5b042;
    --accent-teal: #e67e22;
    --scrollbar-thumb: #d4b48c;
    --scrollbar-thumb-hover: #c0a070;
    --button-default-bg: #f0dbb8;
    --button-default-hover: #e6ceaa;
    --button-blue-hover: #c55a1a;
    --button-teal-hover: #c55a1a;
    --button-yellow-hover: #d4a00a;
    --button-green-hover: #7cb34a;
    --button-violet-bg: #b56576;
    --button-violet-hover: #9a4e64;
    --label-brown-bg: #e0b88a;
    --label-violet-bg: #c9a0b0;
    --label-gray-text: #3a2a1f;
    --focus-border: #d4a878;
    --placeholder-gray: #9a8a7a;
    --focus-shadow: 0 0 0 0.25rem rgba(230,126,34,0.25);
    --simplemde-preview-bg: #9bcd6c;
    --simplemde-preview-border: #7cb34a;
    --codemirror-selected-bg: #f0e0d0;
    --codemirror-focused-selected-bg: #e0d0c0;
    --message-success-bg: #e8f0e0;
    --message-success-color: #2a5a2a;
    --message-error-bg: #f8e0e0;
    --message-error-color: #8a2a2a;
    --message-warning-bg: #fff0d0;
    --message-warning-color: #8a6a2a;
    --message-info-bg: #e8f0f8;
    --message-info-color: #2a5a8a;
    --remove-icon: #e85d5a;
    --remove-icon-hover: #c0392b;
    --dropdown-icon: #c0a080;
    --shadow-default: 0 1px 2px 0 rgba(0,0,0,0.08);
    --shadow-message: 0 1px 2px rgba(0,0,0,0.08);
    --sub-header-color: #8a7a6a;
    --dimmer-bg: rgba(0,0,0,0.5);
    --highlight-fastest: #e0f0e0;
    --score-gold: #e6a800;
    --status-submit-answer-bg: #e0d0c0;
    --image-preview-placeholder: #f0e8dc;
    --success-message-bg-special: #e0f0e0;
    --comment-action-color: #e85d5a;
    --comment-action-hover: #c0392b;
    --empty-message-dark: #9a8a7a;
    --unread-item-bg: #fdebd0;
    --rating-down-color: #e85d5a;
    --button-red-hover-bg: rgba(232,93,90,0.1);
    --button-red-hover-bg-deep: rgba(232,93,90,0.2);
    --card-footer-overlay: rgba(0,0,0,0.05);
    --loading-overlay: rgba(255,245,230,0.95);
    --status-warning: #e6a800;
    --status-waiting: #fd7e14;
    --status-judging: #e67e22;
}

/* ========== 薄荷绿浅色主题 ========== */
.light-mint {
    
    --bg-page: #ffffff;
    --bg-elevated: #f8f9fa;
    --bg-hover: #e9ecef;
    --bg-active: #dee2e6;
    --bg-nested: #f1f3f5;
    --border-color: #ced4da;
    --border-light: #e9ecef;
    --text-primary: #212529;
    --text-secondary: #6c757d;
    --link-color: #0d6efd;
    --link-hover: #0a58ca;
    --accent-blue: #0d6efd;
    --accent-green: #198754;
    --accent-red: #dc3545;
    --accent-yellow: #ffc107;
    --accent-teal: #20c997;
    --scrollbar-thumb: #adb5bd;
    --scrollbar-thumb-hover: #868e96;
    --white-primary: #333;
    --white-secondary: #444;
    --dark-color: #444;
    --button-default-bg: #e9ecef;
    --button-default-hover: #dee2e6;
    --button-negative-hover: #c82333;
    --button-negative-active: #bd2130;
    --button-blue-hover: #0b5ed7;
    --button-teal-hover: #1aa179;
    --button-yellow-hover: #e0a800;
    --button-red-hover: #bb2d3b;
    --button-green-hover: #157347;
    --button-violet-bg: #6f42c1;
    --button-violet-hover: #5e3a9e;
    --button-brown-bg: #8d6e63;
    --button-brown-hover: #6d4c41;
    --button-orange-bg: #fd7e14;
    --button-orange-hover: #e46c0e;
    --label-brown-bg: #f4a460;
    --label-violet-bg: #9c27b0;
    --label-gray-text: #495057;
    --label-border-light: rgba(0,0,0,0.1);
    --delete-icon-hover-bg: rgba(0,0,0,0.05);
    --focus-border: #86b7fe;
    --placeholder-gray: #6c757d;
    --focus-shadow: 0 0 0 0.25rem rgba(13,110,253,0.25);
    --simplemde-preview-bg: #20c997;
    --simplemde-preview-border: #1aa179;
    --codemirror-selected-bg: #e2e6ea;
    --codemirror-focused-selected-bg: #cbd3da;
    --message-success-bg: #d1e7dd;
    --message-success-color: #0f5132;
    --message-success-header: #0a3622;
    --message-success-link: #0a3622;
    --message-success-link-hover: #0a3622;
    --message-error-bg: #f8d7da;
    --message-error-color: #842029;
    --message-error-header: #842029;
    --message-error-link: #842029;
    --message-error-link-hover: #842029;
    --message-warning-bg: #fff3cd;
    --message-warning-color: #664d03;
    --message-warning-header: #664d03;
    --message-warning-link: #664d03;
    --message-warning-link-hover: #664d03;
    --message-info-bg: #cff4fc;
    --message-info-color: #055160;
    --message-info-header: #055160;
    --message-info-link: #055160;
    --message-info-link-hover: #055160;
    --remove-icon: #dc3545;
    --remove-icon-hover: #bb2d3b;
    --dropdown-icon: #6c757d;
    --shadow-default: 0 1px 2px 0 rgba(0,0,0,0.05);
    --shadow-message: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-modal: 0 2px 6px rgba(0,0,0,0.1);
    --sub-header-color: #6c757d;
    --dimmer-bg: rgba(0,0,0,0.4);
    --highlight-fastest: #d1e7dd;
    --score-gold: #ffc107;
    --status-submit-answer-bg: #e2e3e5;
    --image-preview-placeholder: #e9ecef;
    --success-message-bg-special: #d1e7dd;
    --comment-action-color: #dc3545;
    --comment-action-hover: #bb2d3b;
    --empty-message-dark: #6c757d;
    --unread-item-bg: #fff3cd;
    --rating-down-color: #dc3545;
    --button-red-hover-bg: rgba(220,53,69,0.1);
    --button-red-hover-bg-deep: rgba(220,53,69,0.2);
    --card-footer-overlay: rgba(0,0,0,0.02);
    --loading-overlay: rgba(255,255,255,0.9);
    --status-warning: #ffc107;
    --status-waiting: #fd7e14;
    --status-judging: #0d6efd;
    --bg-page: #eaf5ea;
    --bg-elevated: #f0f8f0;
    --bg-hover: #e0f0e0;
    --bg-active: #d0e8d0;
    --bg-nested: #e0f0e0;
    --border-color: #a8c8a8;
    --border-light: #c0dcc0;
    --text-primary: #1a3a1f;
    --text-secondary: #4a6a4f;
    --link-color: #2a9d8f;
    --link-hover: #1f7a6f;
    --accent-blue: #2a9d8f;
    --accent-green: #6fbf4a;
    --accent-red: #e76f51;
    --accent-yellow: #d4bb6a;
    --accent-teal: #2a9d8f;
    --scrollbar-thumb: #b0d0b0;
    --scrollbar-thumb-hover: #90b090;
    --button-default-bg: #d8ecd8;
    --button-default-hover: #c8e0c8;
    --button-blue-hover: #1f7a6f;
    --button-teal-hover: #1f7a6f;
    --button-yellow-hover: #c9a64a;
    --button-green-hover: #5aa43a;
    --button-violet-bg: #8e6e9e;
    --button-violet-hover: #7a5a8a;
    --label-brown-bg: #c0d0a0;
    --label-violet-bg: #b0a0c0;
    --label-gray-text: #1a3a1f;
    --focus-border: #9ac09a;
    --placeholder-gray: #8aa88a;
    --focus-shadow: 0 0 0 0.25rem rgba(42,157,143,0.25);
    --simplemde-preview-bg: #6fbf4a;
    --simplemde-preview-border: #5aa43a;
    --codemirror-selected-bg: #dceddc;
    --codemirror-focused-selected-bg: #cceccc;
    --message-success-bg: #e0f0e0;
    --message-success-color: #1a5a2a;
    --message-error-bg: #f0e0e0;
    --message-error-color: #8a2a2a;
    --message-warning-bg: #f0f0d0;
    --message-warning-color: #6a6a2a;
    --message-info-bg: #e0f0f8;
    --message-info-color: #2a5a8a;
    --remove-icon: #e76f51;
    --remove-icon-hover: #c0392b;
    --dropdown-icon: #9ac09a;
    --shadow-default: 0 1px 2px 0 rgba(0,0,0,0.05);
    --shadow-message: 0 1px 2px rgba(0,0,0,0.05);
    --sub-header-color: #6a8a6f;
    --dimmer-bg: rgba(0,0,0,0.4);
    --highlight-fastest: #d0e8d0;
    --score-gold: #d4bb6a;
    --status-submit-answer-bg: #d0e0d0;
    --image-preview-placeholder: #e0f0e0;
    --success-message-bg-special: #d0e8d0;
    --comment-action-color: #e76f51;
    --comment-action-hover: #c0392b;
    --empty-message-dark: #8aa88a;
    --unread-item-bg: #e0f0e0;
    --rating-down-color: #e76f51;
    --button-red-hover-bg: rgba(231,111,81,0.1);
    --button-red-hover-bg-deep: rgba(231,111,81,0.2);
    --card-footer-overlay: rgba(0,0,0,0.03);
    --loading-overlay: rgba(234,245,234,0.95);
    --status-warning: #d4bb6a;
    --status-waiting: #fd7e14;
    --status-judging: #2a9d8f;
}

/* ========== 紫罗兰浅色主题 ========== */
.light-purple {
    
    --bg-page: #ffffff;
    --bg-elevated: #f8f9fa;
    --bg-hover: #e9ecef;
    --bg-active: #dee2e6;
    --bg-nested: #f1f3f5;
    --border-color: #ced4da;
    --border-light: #e9ecef;
    --text-primary: #212529;
    --text-secondary: #6c757d;
    --link-color: #0d6efd;
    --link-hover: #0a58ca;
    --accent-blue: #0d6efd;
    --accent-green: #198754;
    --accent-red: #dc3545;
    --accent-yellow: #ffc107;
    --accent-teal: #20c997;
    --scrollbar-thumb: #adb5bd;
    --scrollbar-thumb-hover: #868e96;
    --white-primary: #333;
    --white-secondary: #444;
    --dark-color: #444;
    --button-default-bg: #e9ecef;
    --button-default-hover: #dee2e6;
    --button-negative-hover: #c82333;
    --button-negative-active: #bd2130;
    --button-blue-hover: #0b5ed7;
    --button-teal-hover: #1aa179;
    --button-yellow-hover: #e0a800;
    --button-red-hover: #bb2d3b;
    --button-green-hover: #157347;
    --button-violet-bg: #6f42c1;
    --button-violet-hover: #5e3a9e;
    --button-brown-bg: #8d6e63;
    --button-brown-hover: #6d4c41;
    --button-orange-bg: #fd7e14;
    --button-orange-hover: #e46c0e;
    --label-brown-bg: #f4a460;
    --label-violet-bg: #9c27b0;
    --label-gray-text: #495057;
    --label-border-light: rgba(0,0,0,0.1);
    --delete-icon-hover-bg: rgba(0,0,0,0.05);
    --focus-border: #86b7fe;
    --placeholder-gray: #6c757d;
    --focus-shadow: 0 0 0 0.25rem rgba(13,110,253,0.25);
    --simplemde-preview-bg: #20c997;
    --simplemde-preview-border: #1aa179;
    --codemirror-selected-bg: #e2e6ea;
    --codemirror-focused-selected-bg: #cbd3da;
    --message-success-bg: #d1e7dd;
    --message-success-color: #0f5132;
    --message-success-header: #0a3622;
    --message-success-link: #0a3622;
    --message-success-link-hover: #0a3622;
    --message-error-bg: #f8d7da;
    --message-error-color: #842029;
    --message-error-header: #842029;
    --message-error-link: #842029;
    --message-error-link-hover: #842029;
    --message-warning-bg: #fff3cd;
    --message-warning-color: #664d03;
    --message-warning-header: #664d03;
    --message-warning-link: #664d03;
    --message-warning-link-hover: #664d03;
    --message-info-bg: #cff4fc;
    --message-info-color: #055160;
    --message-info-header: #055160;
    --message-info-link: #055160;
    --message-info-link-hover: #055160;
    --remove-icon: #dc3545;
    --remove-icon-hover: #bb2d3b;
    --dropdown-icon: #6c757d;
    --shadow-default: 0 1px 2px 0 rgba(0,0,0,0.05);
    --shadow-message: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-modal: 0 2px 6px rgba(0,0,0,0.1);
    --sub-header-color: #6c757d;
    --dimmer-bg: rgba(0,0,0,0.4);
    --highlight-fastest: #d1e7dd;
    --score-gold: #ffc107;
    --status-submit-answer-bg: #e2e3e5;
    --image-preview-placeholder: #e9ecef;
    --success-message-bg-special: #d1e7dd;
    --comment-action-color: #dc3545;
    --comment-action-hover: #bb2d3b;
    --empty-message-dark: #6c757d;
    --unread-item-bg: #fff3cd;
    --rating-down-color: #dc3545;
    --button-red-hover-bg: rgba(220,53,69,0.1);
    --button-red-hover-bg-deep: rgba(220,53,69,0.2);
    --card-footer-overlay: rgba(0,0,0,0.02);
    --loading-overlay: rgba(255,255,255,0.9);
    --status-warning: #ffc107;
    --status-waiting: #fd7e14;
    --status-judging: #0d6efd;
    --bg-page: #f5f0ff;
    --bg-elevated: #faf5ff;
    --bg-hover: #f0e8ff;
    --bg-active: #e8dcff;
    --bg-nested: #f0e8ff;
    --border-color: #d0c0e8;
    --border-light: #e0d8f0;
    --text-primary: #2a1a3a;
    --text-secondary: #5a4a6a;
    --link-color: #7c4dff;
    --link-hover: #6320ee;
    --accent-blue: #7c4dff;
    --accent-green: #50e3c2;
    --accent-red: #ff6b6b;
    --accent-yellow: #f5d742;
    --accent-teal: #42e0d5;
    --scrollbar-thumb: #d0c0e8;
    --scrollbar-thumb-hover: #c0b0d8;
    --button-default-bg: #e8e0f8;
    --button-default-hover: #ddd0f0;
    --button-blue-hover: #6320ee;
    --button-teal-hover: #3ac0b0;
    --button-yellow-hover: #e0c870;
    --button-green-hover: #7ad0a0;
    --button-violet-bg: #b87ab8;
    --button-violet-hover: #a060a0;
    --label-brown-bg: #d0c0e0;
    --label-violet-bg: #c0a0d0;
    --label-gray-text: #2a1a3a;
    --focus-border: #c0b0e0;
    --placeholder-gray: #9a8aba;
    --focus-shadow: 0 0 0 0.25rem rgba(124,77,255,0.25);
    --simplemde-preview-bg: #50e3c2;
    --simplemde-preview-border: #3ac0b0;
    --codemirror-selected-bg: #ece5ff;
    --codemirror-focused-selected-bg: #dcd5ff;
    --message-success-bg: #e8f0e8;
    --message-success-color: #2a5a3a;
    --message-error-bg: #f8e8e8;
    --message-error-color: #8a2a3a;
    --message-warning-bg: #f8f0d8;
    --message-warning-color: #6a5a2a;
    --message-info-bg: #e8e8f8;
    --message-info-color: #2a3a6a;
    --remove-icon: #ff6b6b;
    --remove-icon-hover: #d44a4a;
    --dropdown-icon: #b0a0d0;
    --shadow-default: 0 1px 2px 0 rgba(0,0,0,0.05);
    --shadow-message: 0 1px 2px rgba(0,0,0,0.05);
    --sub-header-color: #8a7aaa;
    --dimmer-bg: rgba(0,0,0,0.4);
    --highlight-fastest: #e8e0f8;
    --score-gold: #f5d742;
    --status-submit-answer-bg: #e0d8f0;
    --image-preview-placeholder: #f0e8ff;
    --success-message-bg-special: #e8f0e8;
    --comment-action-color: #ff6b6b;
    --comment-action-hover: #d44a4a;
    --empty-message-dark: #9a8aba;
    --unread-item-bg: #f0e8ff;
    --rating-down-color: #ff6b6b;
    --button-red-hover-bg: rgba(255,107,107,0.1);
    --button-red-hover-bg-deep: rgba(255,107,107,0.2);
    --card-footer-overlay: rgba(0,0,0,0.03);
    --loading-overlay: rgba(245,240,255,0.95);
    --status-warning: #f5d742;
    --status-waiting: #fd7e14;
    --status-judging: #7c4dff;
}

/* ========== 高亮白浅色主题（类似 OLED 亮白） ========== */
.light-oled {
    
    --bg-page: #ffffff;
    --bg-elevated: #f8f9fa;
    --bg-hover: #e9ecef;
    --bg-active: #dee2e6;
    --bg-nested: #f1f3f5;
    --border-color: #ced4da;
    --border-light: #e9ecef;
    --text-primary: #212529;
    --text-secondary: #6c757d;
    --link-color: #0d6efd;
    --link-hover: #0a58ca;
    --accent-blue: #0d6efd;
    --accent-green: #198754;
    --accent-red: #dc3545;
    --accent-yellow: #ffc107;
    --accent-teal: #20c997;
    --scrollbar-thumb: #adb5bd;
    --scrollbar-thumb-hover: #868e96;
    --white-primary: #333;
    --white-secondary: #444;
    --dark-color: #444;
    --button-default-bg: #e9ecef;
    --button-default-hover: #dee2e6;
    --button-negative-hover: #c82333;
    --button-negative-active: #bd2130;
    --button-blue-hover: #0b5ed7;
    --button-teal-hover: #1aa179;
    --button-yellow-hover: #e0a800;
    --button-red-hover: #bb2d3b;
    --button-green-hover: #157347;
    --button-violet-bg: #6f42c1;
    --button-violet-hover: #5e3a9e;
    --button-brown-bg: #8d6e63;
    --button-brown-hover: #6d4c41;
    --button-orange-bg: #fd7e14;
    --button-orange-hover: #e46c0e;
    --label-brown-bg: #f4a460;
    --label-violet-bg: #9c27b0;
    --label-gray-text: #495057;
    --label-border-light: rgba(0,0,0,0.1);
    --delete-icon-hover-bg: rgba(0,0,0,0.05);
    --focus-border: #86b7fe;
    --placeholder-gray: #6c757d;
    --focus-shadow: 0 0 0 0.25rem rgba(13,110,253,0.25);
    --simplemde-preview-bg: #20c997;
    --simplemde-preview-border: #1aa179;
    --codemirror-selected-bg: #e2e6ea;
    --codemirror-focused-selected-bg: #cbd3da;
    --message-success-bg: #d1e7dd;
    --message-success-color: #0f5132;
    --message-success-header: #0a3622;
    --message-success-link: #0a3622;
    --message-success-link-hover: #0a3622;
    --message-error-bg: #f8d7da;
    --message-error-color: #842029;
    --message-error-header: #842029;
    --message-error-link: #842029;
    --message-error-link-hover: #842029;
    --message-warning-bg: #fff3cd;
    --message-warning-color: #664d03;
    --message-warning-header: #664d03;
    --message-warning-link: #664d03;
    --message-warning-link-hover: #664d03;
    --message-info-bg: #cff4fc;
    --message-info-color: #055160;
    --message-info-header: #055160;
    --message-info-link: #055160;
    --message-info-link-hover: #055160;
    --remove-icon: #dc3545;
    --remove-icon-hover: #bb2d3b;
    --dropdown-icon: #6c757d;
    --shadow-default: 0 1px 2px 0 rgba(0,0,0,0.05);
    --shadow-message: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-modal: 0 2px 6px rgba(0,0,0,0.1);
    --sub-header-color: #6c757d;
    --dimmer-bg: rgba(0,0,0,0.4);
    --highlight-fastest: #d1e7dd;
    --score-gold: #ffc107;
    --status-submit-answer-bg: #e2e3e5;
    --image-preview-placeholder: #e9ecef;
    --success-message-bg-special: #d1e7dd;
    --comment-action-color: #dc3545;
    --comment-action-hover: #bb2d3b;
    --empty-message-dark: #6c757d;
    --unread-item-bg: #fff3cd;
    --rating-down-color: #dc3545;
    --button-red-hover-bg: rgba(220,53,69,0.1);
    --button-red-hover-bg-deep: rgba(220,53,69,0.2);
    --card-footer-overlay: rgba(0,0,0,0.02);
    --loading-overlay: rgba(255,255,255,0.9);
    --status-warning: #ffc107;
    --status-waiting: #fd7e14;
    --status-judging: #0d6efd;
    --bg-page: #ffffff;
    --bg-elevated: #ffffff;
    --bg-hover: #f8f9fa;
    --bg-active: #e9ecef;
    --bg-nested: #f1f3f5;
    --border-color: #dee2e6;
    --border-light: #f1f3f5;
    --text-primary: #000000;
    --text-secondary: #495057;
    --link-color: #0d6efd;
    --link-hover: #0a58ca;
    --accent-blue: #0d6efd;
    --accent-green: #198754;
    --accent-red: #dc3545;
    --accent-yellow: #ffc107;
    --accent-teal: #20c997;
    --scrollbar-thumb: #ced4da;
    --scrollbar-thumb-hover: #adb5bd;
    --button-default-bg: #f8f9fa;
    --button-default-hover: #e9ecef;
    --button-blue-hover: #0b5ed7;
    --button-teal-hover: #1aa179;
    --button-yellow-hover: #e0a800;
    --button-red-hover: #bb2d3b;
    --button-green-hover: #157347;
    --button-violet-bg: #6f42c1;
    --button-violet-hover: #5e3a9e;
    --label-brown-bg: #f4a460;
    --label-violet-bg: #9c27b0;
    --label-gray-text: #000000;
    --focus-border: #86b7fe;
    --placeholder-gray: #6c757d;
    --focus-shadow: 0 0 0 0.2rem rgba(13,110,253,0.25);
    --simplemde-preview-bg: #20c997;
    --simplemde-preview-border: #1aa179;
    --codemirror-selected-bg: #e2e6ea;
    --codemirror-focused-selected-bg: #cbd3da;
    --message-success-bg: #d1e7dd;
    --message-success-color: #0f5132;
    --message-error-bg: #f8d7da;
    --message-error-color: #842029;
    --message-warning-bg: #fff3cd;
    --message-warning-color: #664d03;
    --message-info-bg: #cff4fc;
    --message-info-color: #055160;
    --remove-icon: #dc3545;
    --remove-icon-hover: #bb2d3b;
    --dropdown-icon: #6c757d;
    --shadow-default: 0 1px 2px 0 rgba(0,0,0,0.05);
    --shadow-message: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-modal: 0 2px 6px rgba(0,0,0,0.05);
    --sub-header-color: #6c757d;
    --dimmer-bg: rgba(0,0,0,0.5);
    --highlight-fastest: #d1e7dd;
    --score-gold: #ffc107;
    --status-submit-answer-bg: #e2e3e5;
    --image-preview-placeholder: #e9ecef;
    --success-message-bg-special: #d1e7dd;
    --comment-action-color: #dc3545;
    --comment-action-hover: #bb2d3b;
    --empty-message-dark: #6c757d;
    --unread-item-bg: #fff3cd;
    --rating-down-color: #dc3545;
    --button-red-hover-bg: rgba(220,53,69,0.1);
    --button-red-hover-bg-deep: rgba(220,53,69,0.2);
    --card-footer-overlay: rgba(0,0,0,0.01);
    --loading-overlay: rgba(255,255,255,0.95);
    --status-warning: #ffc107;
    --status-waiting: #fd7e14;
    --status-judging: #0d6efd;
}