/* =============================================================================
   讯达展厅 · 颜色配置（只在这里改颜色）

   一、先找到要改的模式
   ① :root                                      普通产品 / 夜间，也是所有模式的默认值
   ② :root[data-product-series="fire"]          消防泵 / 夜间，覆盖①中的蓝色
   ③ :root[data-theme="day"]                    所有产品 / 日间，覆盖背景和文字
   ④ :root[data-theme="day"][data-product-series="fire"]  消防泵 / 日间的补充颜色
   未在后面的区块重复写出的变量，会沿用前面的值。
   消防泵由 share_data.js 每款产品的 is_fire_pump: true 自动判断，不用改这里的选择器。
   [data-product-series] 是局部系列主题：产品导航跟随当前选中的系列，三维场景跟随当前产品。
   四组颜色同时用于整页和局部主题，只改下面的色值，两处会一起生效，不用重复维护。

   二、通常只需调整这几项（其余辅助色可以先不动）
   --theme-accent      导航选中、详情选中、确定按钮、参数标题：主要品牌色
   --scene-bottom      场景最底部的大面积蓝色 / 红色，也用于加载页底部
   --scene-mid         底部主题色向上方背景过渡的中间色
   --nav-mid           导航和展开面板的渐变中间色（阅读区域，日间宜保持浅色）
   --scene-top         页面顶部、浏览器顶部区域的底色
   --theme-text        页面主要文字和普通图标的颜色
   --title-background 顶部产品名称和左右两翼的底色
   --picker-bottom     产品选择页底部的颜色
   --dimension-line-color  Three.js 尺寸标注线；日间独立用深色，避免融入背景
   --dimension-label-color 尺寸“长 / 宽 / 高”文字前缀；与线条分开，日间沿用品牌色

   改按钮 / 图标主色：先改 --theme-accent。
   改整页蓝色 / 红色的深浅：先改 --scene-bottom，再配合 --scene-mid。
   日间主色继承产品系列的主色；背景采用由蓝 / 红逐级变浅、最后到白色的连续渐变。
   日间渐变范围：--scene-mid-stop / --scene-high-stop / --scene-fade-stop。
   百分比从底部向顶部计算，位置需依次增大；增大位置可让相邻颜色在更长区域内过渡。

   三、色值怎么写
   推荐 #RRGGBB，例如 #2273D7；带透明度时使用 #RRGGBBAA。
   后两位 AA 只控制透明度：FF = 100%，F2 ≈ 95%，DF ≈ 87%，7E ≈ 49%，00 = 0%。
   例如 #FFFFFFDF 是约 87% 不透明的白色；#003A7D7E 是约 49% 不透明的深蓝。
   本文件只有 --nav-top / --nav-mid / --nav-bottom 使用八位 HEX，其余基础色请用六位。
   自动 RGB 换算只读取前三个颜色通道；发光、描边等透明度仍由 index.css 的引用处控制。
   文字注释中的“底色”不等于最终显示色：渐变、透明度和后面的背景会共同影响视觉。
   描边、发光、悬停等透明色由 HTML 中的兼容转换自动生成 RGB 通道，不需要手写 RGB。
   不要另行添加 --xxx-rgb：这些是自动生成的内部变量，刷新与主题切换时会重新计算。

   四、调整范围
   本文件控制界面、标注、尺寸线、加载页和桌面液体背景的颜色。
   字号、尺寸、间距在 index.css；模型零件的实际颜色继续由模型和颜色编辑器决定。
   日间的导航阅读底仍保持白色，避免深色主题渐变让文字难以辨认。
   ============================================================================= */

/* ① 普通产品 · 夜间（默认） */
:root, [data-product-series] {
    --theme-transition-duration: 520ms; /* 日夜 / 产品系列变色时间，背景、按钮和水流共用；0ms 取消过渡。 */
    color-scheme: dark; /* 告诉浏览器当前是深色界面，不用于配置品牌色。 */

    /* 【最常修改】品牌主色与大面积场景背景 */
    --theme-accent: #2273D7;     /* 主色：导航 / 详情选中、确定按钮、参数标题、Swiper 主色。 */
    --scene-bottom: #0044EF;     /* 场景和加载页最底部的明亮蓝色。 */
    --scene-mid: #0A2770;        /* 底部蓝色向上过渡的深蓝色，影响蓝色的过渡层次。 */
    --scene-top: #031934;        /* 页面顶部、html 根背景及浏览器顶部区域底色。 */
    --nav-mid: #003A7D7E;        /* 导航和面板中部的蓝色，后两位控制透明度。 */
    --theme-text: #FFFFFF;      /* 主文字、普通图标、主要标题。 */
    --title-background: #031A36; /* 顶部产品名称和两侧曲线翼，三处始终使用同一颜色。 */

    /* 场景的中上部和背景型号大字 */
    --scene-high: #05182F;       /* 模型区域背景渐变的上部，位于底部过渡色之后。 */
    --scene-fade: #01060D;       /* 模型区域背景靠近顶部的过渡色。 */
    --surface-black: #000000;    /* 场景顶端、标注胶囊和尺寸胶囊的基底，日间会改白。 */
    --scene-word-top: #6B7480;   /* SDL 等背景大字的渐变上部，整体仍沿用原有低透明度。 */
    --scene-word-bottom: #010813;/* 背景大字的渐变下部。 */
    --loading-center: #03070C;   /* 加载页中央底色；上下边缘沿用场景顶部 / 底部颜色。 */
    --shadow: #000000;           /* 投影颜色，保持黑色以产生阴影；透明度在布局 CSS 控制。 */

    /* 导航、功能面板：透明背景、移动端边框和选中背景 */
    --nav-top: #09101886;        /* 导航 / 面板渐变顶部。 */
    --nav-bottom: #00000087;     /* PC 导航 / 面板渐变底部。 */
    --nav-border: #99BFF0;       /* 移动端共用导航外壳的细边框。 */
    --nav-selected: #417ADF;     /* 移动端导航选中项圆形背景，CSS 会额外施加透明度。 */
    --tab-text: #8FA5C4;         /* 普通分类页签文字。 */
    --subtitle-text: #5D7E9F;    /* 分区小标题。 */
    --muted-text: #8DA4BE;       /* 详情说明、尺寸单位等次要文字，也用于面板滚动条。 */
    --param-label-text: #8C99A5; /* 参数名称，例如“[ 流量 ]”。 */
    --param-hover-label: #D4E7FF;/* PC 鼠标经过参数时，参数名称的颜色。 */
    --param-hover-value: #8FC4FF;/* PC 鼠标经过参数时，参数数值的颜色。 */

    /* 主题辅助色：仅需精调发光 / 悬停时再修改 */
    --theme-bright: #00B4FF;     /* 明亮强调色：普通特点小点、部分键盘焦点框、夜间尺寸线。 */
    --theme-action: #008CFF;     /* 分类页签选中时的背景与发光。 */
    --theme-cyan: #00A8FF;       /* 关闭按钮悬停底色、标注锚点底色。 */
    --theme-accent-hover: #3285ED;/* 确定按钮的 PC 悬停颜色。 */
    --theme-input-focus: #398CDF;/* HEX 输入框聚焦描边、颜色分类选中的文字光晕。 */
    --theme-soft: #98C6FF;       /* 导航 / 详情悬停文字的柔和强调色，部分悬停边框也用它。 */
    --theme-hover-text: var(--theme-soft); /* 跟随上一项；日间改为品牌主色。 */
    --theme-glow: #569EFF;       /* 导航、工具按钮等悬停时的外发光。 */
    --theme-focus: #8DBBFF;      /* 工具按钮键盘焦点框及颜色块悬停光晕。 */
    --theme-line: #B4D7FF;       /* 结构标注连线，CSS 再施加透明度和光晕。 */
    --dimension-line-color: var(--theme-bright); /* Three.js 尺寸标注线；夜间保持原有强调色。 */
    --dimension-label-color: var(--dimension-line-color); /* 夜间“长 / 宽 / 高”前缀保持原色，日间另设为品牌色。 */
    --swiper-theme-color: var(--theme-accent);   /* Swiper 自动沿用品牌主色，无需再配置。 */

    /* 颜色编辑器（不会改变色盘、色块和模型本身的真实颜色） */
    --color-tab-text: #B5C9DB;   /* 自定义机身 / 附件：未选中的分类文字。 */
    --message-text: #A9C3DD;     /* HEX 下方的操作提示，包括原始颜色预览提示。 */
    --input: #86A1BE;            /* HEX 输入区底色，CSS 会施加透明度。 */
    --button: #396A9A;           /* 重置按钮的底色，以及它的悬停底色。 */
    --wheel-outline: #122332;   /* 色盘选中圆点外圈。 */
    --slider-outline: #233643;  /* 明度滑块外圈。 */
    --error-text: #FFAAA8;       /* HEX 输入无效时的提示色，与消防泵主题色独立。 */
    --on-accent: #FFFFFF;       /* 实心主色按钮上的文字，例如“确定”，各模式保持白字。 */
    --control-handle-border: #FFFFFF; /* 色盘圆点 / 明度滑块的白色描边，保证真实颜色可见。 */

    /* 零件名称标注：底色末两位为不透明度，F2 约 95%，F5 约 96%；
       保持接近实色，隔开模型自身的亮面 / 暗面，避免文字随背后的零件颜色失去对比。 */
    --annotation-bg: #06192FF2;        /* 普通标注底色：深蓝。 */
    --annotation-text: #F5F9FF;        /* 普通标注文字：近白。 */
    --annotation-hover-bg: #164F8FF5;  /* 零件悬停时的标注底色：实感蓝，和白字拉开明度。 */
    --annotation-hover-text: #FFFFFF;  /* 悬停文字，单独配置，不随其他悬停图标变浅。 */

    /* 语言 / 设置按钮、设置页日夜开关 */
    --tool-text: #E4E9EF;        /* 工具按钮图标颜色。 */
    --tool: #ADB8CB;             /* 日夜开关外壳底色，选中时另用品牌主色。 */
    --thumb: #D0D8E4;            /* 开关圆形滑块的底色。 */
    --thumb-active: #E4ECF8;     /* 开关选中 / 悬停时圆形滑块的底色。 */

    /* “正在开发中”小提示 */
    --notice-text: #DCECFF;      /* 提示文字。 */
    --notice-border: #97C0EF;    /* 提示框细边框。 */
    --notice-bg: #041427;        /* 提示框底色，CSS 会施加 94% 不透明度。 */

    /* 产品选择页：背景与占位卡片 */
    --picker-top: #020508;       /* 产品页渐变顶部。 */
    --picker-mid: #03080E;       /* 产品页渐变中部，轮播卡片主要位于这里。 */
    --picker-bottom: #03142A;    /* 产品页渐变底部。 */
    --picker-cloud-one: #1B4B6A; /* 产品页左上方的柔和径向光晕。 */
    --picker-cloud-two: #174C87; /* 产品页左下方的柔和径向光晕。 */
    --picker-placeholder: #C8D7EB;/* 图片未配置时，SDL 等占位型号文字。 */
    --picker-return: #192B3E;    /* 工业泵 / 消防泵系列返回按钮底色。 */
    /* 以下五色仅用于产品页原有模糊彩色光团；启用 PC 液体背景时该光团隐藏。 */
    --picker-orbit-one: #678349;  /* 光团渐变的第一个颜色。 */
    --picker-orbit-two: #875541;  /* 光团渐变的第二个颜色。 */
    --picker-orbit-three: #613265;/* 光团渐变的第三个颜色。 */
    --picker-orbit-four: #24688B; /* 光团渐变的第四个颜色。 */
    --picker-orbit-five: #236D57; /* 光团渐变的第五个颜色。 */

    /* PC 鼠标液体背景：只需改变水流颜色时再动这组，移动端不绘制 */
    --fluid-base: #1969B9;       /* 水流基本色。 */
    --fluid-reflection: #9B6E41; /* 高光通道的增量，叠加在基本色上；不是独立底色。 */
    --fluid-crest: #231E00;      /* 波峰通道的增量，值越亮相应通道的波峰越突出。 */
    --fluid-blend: screen;      /* 深色背景用滤色；日间改正片叠底以显示水流。 */
}

/* ② 消防泵 · 夜间
   只覆盖需要从蓝色改为红色的项，其他界面文字与深色底仍沿用①。
   日间也继承这里的主色，因此消防泵两个模式的 --theme-accent 始终一致。 */
:root[data-product-series="fire"], [data-product-series="fire"] {
    --theme-accent: #D72638;    /* 消防泵主色：导航 / 详情选中、确定按钮、参数标题。 */
    --scene-bottom: #D72638;    /* 消防泵场景和加载页底部的红色。 */
    --scene-mid: #72172B;       /* 底部红色向上过渡的深红色。 */
    --scene-top: #300B13;       /* 页面及浏览器顶部的深红底色。 */
    --nav-mid: #7D18337E;       /* 导航和面板中部的半透明深红。 */
    --title-background: #300C16;/* 顶部名称和两翼的深红底色。 */
    --scene-high: #280B12;      /* 模型区域渐变上部。 */
    --scene-fade: #100409;      /* 模型区域渐变靠近顶部的过渡色。 */
    --scene-word-top: #816972;  /* 背景型号大字上部。 */
    --scene-word-bottom: #220813;/* 背景型号大字下部。 */
    --loading-center: #0C0307;  /* 加载页中央的深色底。 */
    --nav-top: #18091086;       /* 导航 / 面板渐变顶部。 */
    --nav-selected: #E03F50;    /* 移动端选中项的圆形底色。 */
    --nav-border: #F1A2AE;      /* 移动端导航外壳边框。 */
    --theme-bright: #FF5260;    /* 明亮强调色、夜间尺寸线。 */
    --theme-action: #EE3844;    /* 分类页签选中背景和发光。 */
    --theme-cyan: #FF4756;      /* 关闭按钮悬停、标注锚点。 */
    --theme-accent-hover: #ED3C4C;/* 确定按钮的 PC 悬停颜色。 */
    --theme-input-focus: #E24856;/* HEX 聚焦描边、颜色分类光晕。 */
    --theme-soft: #FFB4BD;      /* 夜间悬停文字和部分悬停边框的柔和红色。 */
    --theme-glow: #FF6A77;      /* 悬停外发光。 */
    --theme-focus: #FFABB6;     /* 工具按钮键盘焦点、颜色块光晕。 */
    --theme-line: #FFC2C9;      /* 夜间结构标注连线。 */
    --annotation-bg: #250E19F2;        /* 消防泵夜间：深红黑底。 */
    --annotation-text: #FFF7F8;        /* 消防泵夜间：近白文字。 */
    --annotation-hover-bg: #6E1D2EF5;  /* 消防泵夜间悬停：深红底，避免亮红削弱白字对比。 */
    --annotation-hover-text: #FFFFFF;  /* 消防泵夜间悬停：白字。 */
    --param-hover-label: #FFE2E6;/* 参数悬停时的名称。 */
    --param-hover-value: #FFB8C0;/* 参数悬停时的数值。 */
    --notice-bg: #230811;       /* “正在开发中”提示框底色。 */
    --notice-border: #EFA7B3;   /* 提示框边框。 */
    --picker-top: #080205;      /* 产品选择页渐变顶部。 */
    --picker-mid: #0E0308;      /* 产品选择页渐变中部。 */
    --picker-bottom: #2A0714;   /* 产品选择页渐变底部。 */
    --picker-cloud-one: #6A1B35;/* 产品页左上径向光晕。 */
    --picker-cloud-two: #87173B;/* 产品页左下径向光晕。 */
    --picker-orbit-one: #854946; /* 原有模糊光团第一色。 */
    --picker-orbit-two: #87414B; /* 原有模糊光团第二色。 */
    --picker-orbit-three: #613247;/* 原有模糊光团第三色。 */
    --picker-orbit-four: #8B243A;/* 原有模糊光团第四色。 */
    --picker-orbit-five: #6D233C;/* 原有模糊光团第五色。 */
    --fluid-base: #903A37;      /* 当前选定的消防泵鼠标流体颜色，日间 / 夜间共用。 */
    --fluid-reflection: #383E43;/* 浅粉近白高光的通道增量，避免高光变成鲜红。 */
    --fluid-crest: #100D12;     /* 柔和粉色波峰增量，保持粉色的轻盈感。 */
}

/* ③ 日间 · 共用
   主色 --theme-accent 继续继承①的蓝或②的红，不额外配置一遍。
   黑色场景底改白；底部蓝色适度提亮，中间层只向浅色递进，避免先变暗再突然跳白。
   消防泵的大面积红色在④单独覆盖，避免日间消防泵沿用这里的蓝色。 */
:root[data-theme="day"], :root[data-theme="day"] [data-product-series] {
    color-scheme: light;        /* 浏览器原生控件采用浅色外观。 */
    /* 渐变色标的位置，从底部 0% 到顶部 100%；仅日间使用，夜间沿用原值。 */
    --scene-mid-stop: 28%;      /* 中间色在 28% 处，拉长底部主色向中间色的过渡。 */
    --scene-high-stop: 56%;     /* 浅色层在 56% 处，避免原先 12%～30% 的急剧变白。 */
    --scene-fade-stop: 84%;     /* 近白色在 84% 处，最后 16% 平缓衔接顶部白色。 */
    --scene-bottom: #3D71F3;    /* 普通产品底部蓝色，较上一版再浅一些，仍保留清晰的蓝色。 */
    --scene-mid: #91B1F7;       /* 中间层必须比底部更浅，避免在蓝色和白色之间形成暗带。 */
    --scene-top: #F6F9FE;       /* 顶部和浏览器顶部的近白色。 */
    --nav-mid: #D8E7FCF2;       /* 导航 / 面板阅读底：淡蓝白，95% 不透明以隔开底部深蓝。 */
    --theme-text: #1A2E47;      /* 日间主要文字 / 普通图标，使用深色保证白底可读。 */
    --title-background: var(--scene-top); /* 名称和两翼自动跟随顶部底色，通常不用单独改。 */
    --scene-high: #DCE8FC;      /* 柔和的浅蓝过渡层，不直接跳到接近白色。 */
    --scene-fade: #F3F7FE;      /* 近白的浅蓝层，继续平缓衔接顶部白色。 */
    --surface-black: #FFFFFF;   /* 夜间黑色基底统一改白，包括标注和尺寸胶囊基底。 */
    --scene-word-top: #C2D1E4;  /* 背景型号大字上部。 */
    --scene-word-bottom: #EAF0F8;/* 背景型号大字下部。 */
    --loading-center: #FFFFFF;  /* 加载页中央白色；上下边缘仍读取场景色。 */
    --nav-top: #FFFFFFDF;       /* 导航 / 面板顶部白色，约 87% 不透明。 */
    --nav-bottom: #FFFFFFDF;    /* PC 导航 / 面板底部白色。 */
    --theme-line: var(--theme-accent); /* 白底标注连线直接用产品主色，更清楚。 */
    --annotation-bg: #F8FBFFF5;        /* 日间：近白底，隔开模型的深色表面。 */
    --annotation-text: #183653;        /* 日间：深蓝文字。 */
    --annotation-hover-bg: #175DA8;    /* 日间悬停：实色蓝底，和普通近白标注形成明显切换。 */
    --annotation-hover-text: #FFFFFF;  /* 日间悬停：白字，与蓝底保持清楚的明暗对比。 */
    --theme-hover-text: var(--theme-accent); /* 白底悬停文字直接用产品主色。 */
    --theme-focus: var(--theme-accent);      /* 白底键盘焦点框和色块悬停光晕。 */
    --dimension-line-color: #0C2E52; /* 只加深日间尺寸标注线；与蓝色渐变拉开明度，不改变文字和品牌主色。 */
    --dimension-label-color: var(--theme-accent); /* 日间“长 / 宽 / 高”前缀仍用原来的蓝 / 红品牌色。 */
    --param-hover-label: #183653;/* 参数悬停时名称的深色。 */
    --param-hover-value: var(--theme-accent); /* 参数悬停数值用蓝 / 红主色。 */
    --tab-text: #63768D;         /* 普通分类页签文字。 */
    --subtitle-text: #647992;    /* 分区小标题。 */
    --muted-text: #526A83;       /* 次要说明、尺寸单位、滚动条。 */
    --param-label-text: #536B84; /* 参数名称。 */
    --color-tab-text: #60758B;   /* 颜色分类中未选中的文字。 */
    --message-text: #526A83;     /* 颜色预览和保存提示。 */
    --input: #B6CBE3;            /* HEX 输入区底色。 */
    --button: #97B9E1;           /* 重置按钮及其悬停底色。 */
    --wheel-outline: #C6D5E9;   /* 色盘选中圆点外圈。 */
    --slider-outline: #B2C5DF;  /* 明度滑块外圈。 */
    --error-text: #B82F35;       /* 无效 HEX 的提示文字。 */
    --tool-text: #304865;        /* 语言 / 日夜工具按钮图标。 */
    --tool: #D5E0F0;             /* 日夜开关外壳底色。 */
    --thumb: #FFFFFF;            /* 日夜开关圆形滑块底色。 */
    --thumb-active: #FFFFFF;     /* 选中 / 悬停圆形滑块底色。 */
    --notice-text: #263D59;      /* “正在开发中”的文字。 */
    --notice-bg: #FFFFFF;        /* “正在开发中”的白色底。 */
    --picker-top: #FFFFFF;       /* 产品选择页渐变顶部。 */
    --picker-mid: #F8FBFF;       /* 产品选择页渐变中部，保持轮播卡片的白色阅读底。 */
    --picker-bottom: var(--scene-bottom); /* 产品页底部沿用当前系列的饱和蓝 / 红。 */
    --picker-cloud-one: var(--theme-bright); /* 左上径向光晕自动跟随系列强调色。 */
    --picker-cloud-two: var(--theme-accent); /* 左下径向光晕自动跟随系列主色。 */
    --picker-placeholder: #4B6789;/* 没有图片时的占位型号文字。 */
    --picker-return: #D6E3F5;    /* 产品页底部系列按钮的底色。 */
    --fluid-blend: multiply;    /* 白底改用正片叠底，水流才不会被白色滤掉。 */
}

/* ④ 消防泵 · 日间
   主色仍为②的 #D72638；背景由柔和红色逐级过渡到浅红和白色。
   白底与深色文字沿用③，未写出的值继续继承。 */
:root[data-theme="day"][data-product-series="fire"], :root[data-theme="day"] [data-product-series="fire"] {
    --annotation-bg: #FFF8F9F5;        /* 消防泵日间：近白红底。 */
    --annotation-text: #4A1C25;        /* 消防泵日间：深红文字。 */
    --annotation-hover-bg: #A52135;    /* 消防泵日间悬停：实色红底，普通近白底与悬停明显区分。 */
    --annotation-hover-text: #FFFFFF;  /* 消防泵日间悬停：白字。 */
    --dimension-line-color: #651D2C; /* 只加深日间消防泵尺寸标注线，文字继续沿用原来的品牌红。 */
    --scene-bottom: #E05160;    /* 底部红色，较上一版再浅一些，仍保留消防泵红色。 */
    --scene-mid: #EEA5AE;       /* 比底部更浅的红色中间层，避免深红暗带。 */
    --scene-top: #FFF8F9;       /* 顶部和浏览器顶部的近白色，略带红色倾向。 */
    --nav-mid: #FBDDE2F2;       /* 导航 / 面板阅读底：淡红白，保持 95% 不透明。 */
    --scene-high: #FAE3E7;      /* 浅红过渡层，平缓衔接中间色与近白色。 */
    --scene-fade: #FEF4F5;      /* 近白的浅红层，最后过渡到顶部白色。 */
    --scene-word-top: #E3C5CD;  /* 背景型号大字上部。 */
    --scene-word-bottom: #F5E9ED;/* 背景型号大字下部。 */
    --input: #E5B9C2;           /* HEX 输入区底色。 */
    --button: #E4ADB9;          /* 重置按钮及其悬停底色。 */
    --picker-return: #F5D6DE;   /* 产品页底部系列按钮底色。 */
}

/* 日夜过渡只使用背景副本的透明度与普通颜色过渡，兼容不支持新渐变动画语法的浏览器。
   副本始终位于内容下面，不接收事件，也不改变布局尺寸。 */
.theme_surface { isolation: isolate; }
.theme_background_fade {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0; inset: 0;
    z-index: -1;
    pointer-events: none;
    border-radius: inherit;
    opacity: 1;
}
.theme_background_fade.is-text {
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: inherit;
    white-space: inherit;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* =============================================================================
   ⑤ AI / 退出按钮颜色；AI 模式背景独立配置，退出后恢复当前产品 / 日夜配色。
   ============================================================================= */
:root, [data-product-series] {
    --smart-scene: #000000; /* AI 模式的全黑 CSS 背景，同时同步浏览器顶部 / 底部颜色。 */
    --smart-accent: #42CFFF; --smart-light: #DBF8FF;
    --smart-stroke: #429BC45C; --smart-halo: #31A9EE24; --smart-shadow: #169DEB16;
    --smart-button: #062342D9; --smart-button-hover: #0D4162EB;
}
:root[data-product-series="fire"], [data-product-series="fire"] {
    --smart-accent: #FF9C9C; --smart-light: #FFF0EE; --smart-stroke: #D780805C;
    --smart-halo: #EB5D6D24; --smart-shadow: #D858681A;
    --smart-button: #381120D9; --smart-button-hover: #5B2032EB;
}
:root[data-theme="day"], :root[data-theme="day"] [data-product-series] {
    --smart-button: #E8F3FFEB; --smart-button-hover: #CEE6FCF2;
}
:root[data-theme="day"][data-product-series="fire"], :root[data-theme="day"] [data-product-series="fire"] {
    --smart-button: #FFF0F3EB; --smart-button-hover: #F5D4DDF2;
}