/* ====================== 多套主题配色系统【小白注释完整版】 ====================== */
/* 原理说明：
1. html标签会存一个data-theme标记，用来区分当前用哪套颜色
2. :root 里面定义统一变量，页面所有元素都用 var(--变量名) 取色
3. 切换主题只会修改变量值，页面所有地方自动换色，不用改表格/按钮/弹窗代码
4. 一共4套主题：dark暗黑默认 / light浅白明亮 / blueviolet蓝紫深色 / teal青绿深色
5. 新增配套全局变量：遮罩、滚动条、表格悬浮、侧边栏遮罩，全部跟着主题变色
*/
/* 全局通用字体变量（所有主题统一复用） */
:root {
  --font-xs: 12px;
  --font-sm: 14px;
  --font-base: 15px;
  --font-md: 16px;
  --font-lg: 18px;
  --font-xl: 20px;
  --font-xxl: 24px;
  --line-height-base: 1.5;
}
/*--------------------text4用来控制¥价格颜色---------------------------*/
html[data-theme="pastel1"] { --text4: #3394FF; } /* 蓝色明亮 */
html[data-theme="pastel2"] { --text4: #7B61FF; } /* 蓝紫梦幻 */
html[data-theme="pastel3"] { --text4: #2DD4BF; } /* 青绿森系 */
html[data-theme="pastel4"] { --text4: #FF0000; } /* 暗黑默认 */
html[data-theme="pastel5"] { --text4: #E09C68; } /* 奶油奶杏奶茶 */
html[data-theme="pastel6"] { --text4: #48B8A9; } /* 薄荷浅青冷淡 */
html[data-theme="pastel7"] { --text4: #947CD8; } /* 薰衣草淡紫 */
html[data-theme="pastel8"] { --text4: #F1416F; } /* 淡蜜桃樱花粉 */
html[data-theme="pastel9"] { --text4: #86A868; } /* 浅橄榄奶绿 */
html[data-theme="pastel10"] { --text4: #B98763; }/* 复古暗咖 */
html[data-theme="pastel11"] { --text4: #D86878; }/* 黑莓奶冻 */
html[data-theme="pastel12"] { --text4: #FFFFFF; }/* 蓝莓松雾 */
html[data-theme="pastel13"] { --text4: #E89A5A; }/* 南瓜暖橘 */
html[data-theme="pastel14"] { --text4: #FF0000; } /* 红红火火 */
html[data-theme="pastel15"] { --text4: #F400A1; } /* 蜜糖柑橘 */
/*--------------------text4用来分类名称颜色---------------------------*/
/* pastel1 渐变明亮蓝系列 flmfont1~6 */
/* pastel1 蓝色明亮 #3394FF */
/* pastel1 蓝色明亮 #3394FF 深浅反转 */
/* pastel1 明亮蓝互补撞色组 */
html[data-theme="pastel1"] {
  --flmfont1: #E34285;    /*1.国语*/
  --flmfont2: #0000FF;    /*2.粤语*/
  --flmfont3: #9457EB;    /*3.英文*/
  --flmfont4: #50C878;    /*4.合唱*/
  --flmfont5: #0088ff;    /*5.大头针*/
  --flmfont6: #9457EB;    /*6.萨克斯*/
}

/* pastel2 蓝紫简约 */
html[data-theme="pastel2"] {
  --flmfont1: #96C8A2;
  --flmfont2: #FFE044;
  --flmfont3: #FC8EAC;
  --flmfont4: #ff0025;
  --flmfont5: #E79FC4;
  --flmfont6: #b3a0ff;
}

/* pastel3 青绿互补红橙 */
html[data-theme="pastel3"] {
  --flmfont1: #FF4747;
  --flmfont2: #CCFF00;
  --flmfont3: #ff9e9e;
  --flmfont4: #109282;
  --flmfont5: #2DD4BF;
  --flmfont6: #77e2d5;
}

/* pastel4 暗黑主题 */
html[data-theme="pastel4"] {
  --flmfont1: #EB4C42;
  --flmfont2: #D6CADD;
  --flmfont3: #66f0e0;
  --flmfont4: #FFFFCC;
  --flmfont5: #FFBCD9;
  --flmfont6: #ff6060;
}

/* pastel5 奶油奶杏 */
html[data-theme="pastel5"] {
  --flmfont1: #E09C68;
  --flmfont2: #3399dd;
  --flmfont3: #FE5A1D;
  --flmfont4: #00A877;
  --flmfont5: #E09C68;
  --flmfont6: #B57EDC;
}

/* pastel6 薄荷青互补酒红 */
html[data-theme="pastel6"] {
  --flmfont1: #b82848;
  --flmfont2: #d6385c;
  --flmfont3: #ee6884;
  --flmfont4: #227d71;
  --flmfont5: #48B8A9;
  --flmfont6: #7ed1c6;
}

/* pastel7 薰衣淡紫 */
html[data-theme="pastel7"] {
  --flmfont1: #947CD8;
  --flmfont2: #CC397B;
  --flmfont3: #318CE7;
  --flmfont4: #5c39b8;
  --flmfont5: #947CD8;
  --flmfont6: #FF55A3;
}

/* pastel8 蜜桃樱粉 */
html[data-theme="pastel8"] {
  --flmfont1: #E30022;
  --flmfont2: #9457EB;
  --flmfont3: #1CA9C9;
  --flmfont4: #b8123f;
  --flmfont5: #50C878;
  --flmfont6: #FF55A3;
}

/* pastel9 浅橄榄绿 */
html[data-theme="pastel9"] {
  --flmfont1: #446CCF;
  --flmfont2: #e848a0;
  --flmfont3: #f278bc;
  --flmfont4: #546d3b;
  --flmfont5: #86A868;
  --flmfont6: #b2d094;
}

/* pastel10 复古暗咖 */
html[data-theme="pastel10"] {
  --flmfont1: #FF0090;
  --flmfont2: #20a0dd;
  --flmfont3: #E0B0FF;
  --flmfont4: #C9DC87;
  --flmfont5: #B98763;
  --flmfont6: #dbb89c;
}

/* pastel11 黑莓奶冻 */
html[data-theme="pastel11"] {
  --flmfont1: #18b890;
  --flmfont2: #E4007C;
  --flmfont3: #70e2c4;
  --flmfont4: #FDB900;
  --flmfont5: #D86878;
  --flmfont6: #e898a6;
}

/* pastel12 蓝莓松雾 */
html[data-theme="pastel12"] {
  --flmfont1: #ff3355;
  --flmfont2: #22ccff;
  --flmfont3: #ffdd22;
  --flmfont4: #F7A4C4;
  --flmfont5: #E9FFDB;
  --flmfont6: #AFEEEE;
}

/* pastel13 南瓜暖橘 */
html[data-theme="pastel13"] {
  --flmfont1: #F4BBFF;
  --flmfont2: #00A86B;
  --flmfont3: #4088ee;
  --flmfont4: #aa6327;
  --flmfont5: #E89A5A;
  --flmfont6: #f8bb80;
}

/* pastel14 红红火火 */
html[data-theme="pastel14"] {
  --flmfont1: #FF2800;
  --flmfont2: #20d0b0;
  --flmfont3: #FF00FF;
  --flmfont4: #a30000;
  --flmfont5: #FF0000;
  --flmfont6: #007F66;
}

/* pastel15 蜜糖柑橘 */
html[data-theme="pastel15"] {
  --flmfont1: #FE5A1D;
  --flmfont2: #318CE7;
  --flmfont3: #7BB600;
  --flmfont4: #a8006e;
  --flmfont5: #F400A1;
  --flmfont6: #ff66c2;
}
html[data-theme] .tag.flmfont1 { color: var(--flmfont1) !important; }
html[data-theme] .tag.flmfont2 { color: var(--flmfont2) !important; }
html[data-theme] .tag.flmfont3 { color: var(--flmfont3) !important; }
html[data-theme] .tag.flmfont4 { color: var(--flmfont4) !important; }
html[data-theme] .tag.flmfont5 { color: var(--flmfont5) !important; }
html[data-theme] .tag.flmfont6 { color: var(--flmfont6) !important; }