:root {
    /* ==================================== 主题色 ==================================== */
    --color-primary-main:        #1A2238;              /* 全局主色：头部按钮            */
    --color-primary-dark:        #0C1220;              /* 主色深色：悬停按下            */
    --color-primary-muted:       #253052;              /* 主色弱化：聚焦边框            */
    --color-primary-light:       #E9EDF5;              /* 主色浅色：次级背景            */
    /* ==================================== 次级色 ==================================== */
    --color-secondary-main:      #2E5A88;              /* 次级主色：辅助强调            */
    --color-secondary-dark:      #24476C;              /* 次级深色：悬停按下            */
    --color-secondary-muted:     #C4D3E3;              /* 次级弱化：次按钮              */
    --color-secondary-light:     #EAEFF6;              /* 次级浅色：次级背景            */
    /* ==================================== 边框色 ==================================== */
    --color-border-main:         #D9E2F0;              /* 通用边框：表头分隔            */
    --color-border-dark:         #BBBBBB;              /* 控件边框：分页下拉            */
    --color-border-muted:        #CCD5E6;              /* 分页边框：分页控件            */
    --color-border-light:        #EEEEEE;              /* 浅色边框：明细表格            */
    --color-border-white:        #FFFFFF;              /* 白色边框：深色底描边          */
    /* ==================================== 文字色 ==================================== */
    --color-text-main:           #1D2129;              /* 主要文字：表单输入            */
    --color-text-dark:           #333333;              /* 深色文字：表格正文            */
    --color-text-muted:          #999999;              /* 浅灰文字：默认文字            */
    --color-text-light:          #DDDDDD;              /* 浅色文字：浅色文字            */
    --color-text-white:          #FFFFFF;              /* 白色文字：深色底文字          */
    /* ==================================== 背景色 ==================================== */
    --color-backg-main:          #F0F5FC;              /* 底层背景：页面背景            */
    --color-backg-dark:          #E2E8F7;              /* 蓝深背景：表格悬停            */
    --color-backg-muted:         #F8F9FC;              /* 中间过渡：表格选中            */
    --color-backg-light:         #F5F7FA;              /* 控件浅色：表格背景            */
    --color-backg-white:         #FFFFFF;              /* 白色背景：卡片内容            */
    /* ==================================== 状态色 ==================================== */
    --color-blue-main:           #1677FF;              /* 蓝色主色：系统提示            */
    --color-blue-dark:           #1949AA;              /* 蓝色深色：系统悬停            */
    --color-blue-muted:          #A6C9FF;              /* 蓝色弱化：禁用备用            */
    --color-blue-light:          #E6EDF7;              /* 蓝色浅色：系统背景            */
    --color-red-main:            #F53F3F;              /* 红色主色：危险错误            */
    --color-red-dark:            #DC2626;              /* 红色深色：红色悬停            */
    --color-red-muted:           #FCA5A5;              /* 红色弱化：禁用备用            */
    --color-red-light:           #FEE2E2;              /* 红色浅色：红色背景            */
    --color-green-main:          #00B42A;              /* 绿色主色：成功提示            */
    --color-green-dark:          #027A48;              /* 绿色深色：成功悬停            */
    --color-green-muted:         #86E89C;              /* 绿色弱化：禁用备用            */
    --color-green-light:         #ECFDF3;              /* 绿色浅色：成功背景            */
    --color-orange-main:         #FF7D00;              /* 橙色主色：警告提示            */
    --color-orange-dark:         #E06E00;              /* 橙色深色：悬停文字            */
    --color-orange-muted:        #FFC070;              /* 橙色弱化：禁用备用            */
    --color-orange-light:        #FFF4E5;              /* 橙色浅色：警告背景            */
    --color-purple-main:         #722ED1;              /* 紫色主色：正在进行            */
    --color-purple-dark:         #6220C0;              /* 紫色深色：紫色悬停            */
    --color-purple-muted:        #B37FEB;              /* 紫色弱化：禁用备用            */
    --color-purple-light:        #F9F5FF;              /* 紫色浅色：紫色背景            */
    --color-cyan-main:           #13C2C2;              /* 青色主色：InDel位点          */
    --color-cyan-dark:           #0FA3A3;              /* 青色深色：青色悬停            */
    --color-cyan-light:          #E6FFFB;              /* 青色浅色：青色背景            */
    --color-gray-main:           #6C757D;              /* 灰色主色：禁止操作            */
    --color-gray-dark:           #495057;              /* 灰色深色：灰色悬停            */
    --color-gray-muted:          #86909C;              /* 灰色弱化：禁用备用            */
    --color-gray-light:          #F2F3F5;              /* 灰色浅色：灰色背景            */
    /* ==================================== 半透明 ==================================== */
    --color-white-50:      rgba(255,255,255,0.5);      /* 白色 50%：强浮层            */
    --color-white-20:      rgba(255,255,255,0.2);      /* 白色 20%：头像底            */
    --color-white-10:      rgba(255,255,255,0.1);      /* 白色 10%：轻浮层            */
    --color-black-50:      rgba(0,0,0,0.5);            /* 黑色 50%：遮罩层            */
    --color-black-20:      rgba(0,0,0,0.2);            /* 黑色 20%：按压遮罩          */
    --color-black-10:      rgba(0,0,0,0.1);            /* 黑色 10%：通用阴影          */
    --color-black-5:       rgba(0,0,0,0.05);           /* 黑色 5%：轻阴影（补充）     */
    --color-primary-50:    rgba(26,34,56,0.5);         /* 主色 50%：主色遮罩          */
    --color-primary-20:    rgba(26,34,56,0.2);         /* 主色 20%：主色浮层          */
    --color-primary-10:    rgba(26,34,56,0.1);         /* 主色 10%：聚焦光晕          */
    /* =============================================================================== */
}