/* ============================================================
   FDE 工作台矩阵 · 全站设计令牌（Design Tokens · 单一事实来源）
   ------------------------------------------------------------
   用法：工作台页面在 <style> 之前引入
     <link rel="stylesheet" href="../../assets/theme.css">

   分层约定：
   - 本文件：全站共享的核心色（基础面 / 文本 / 语义色），暗亮两套；
   - 页面内联样式：每个工作台的专属强调色（--acc / --cyan /
     --purple…）与氛围光（--glow），属于页面个性，不在此定义。
   修改全站基础色只改这里，15 个工作台同时生效。
   （间距 / 圆角 token 化为后续迭代方向）
   ============================================================ */
:root{
  /* 基础面（暗） */
  --bg:#070b14;
  --p1:#0d1322;   /* 面板 */
  --p2:#0a0f1c;   /* 面板渐变终点 */
  --line:#1c2740; /* 描边 */
  --track:#182242;/* 图表轨道 */
  --split:#141d33;/* 分隔面 */
  /* 文本 */
  --txt:#dfe7ff;
  --sub:#8494b8;
  /* 语义色 */
  --ok:#34d399;
  --warn:#fbbf24;
  --bad:#f87171;
}
[data-theme="light"]{
  --bg:#f5f7fa;
  --p1:#ffffff;
  --p2:#f7f9fc;
  --line:#e3e8ef;
  --track:#e8edf5;
  --split:#e3e8ef;
  --txt:#1f2733;
  --sub:#5a6675;
  --ok:#0e9f6e;
  --warn:#b45309; /* amber-700：亮色背景上图形对比度 ≥3:1（WCAG 1.4.11） */
  --bad:#dc2626;
}

/* 减动效偏好：关闭装饰性动画与过渡（随 theme.css 全工作台生效；
   ECharts 为 canvas 绘制不受此影响，图表自身动画由各页 retheme 控制） */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}

/* ===== 移动端基线（≤768px）=====
   各工作台已有 900/1000px 断点（KPI 双列、网格单列）；
   这里补共享布局类的窄屏问题：.top/.kpis/.grid/.panel 全站同名 */
@media (max-width:768px){
  /* 头部：标题与右侧状态控件允许换行，不再互相挤压 */
  .top{flex-wrap:wrap;row-gap:8px}
  .top h1{font-size:17px;line-height:1.45}
  /* 一句话价值副标题独占一行，长句不挤压主标题 */
  .top h1 span{display:block;margin-top:4px;font-size:12px}
  /* 防长内容把网格列撑破（min-width:0 允许收缩，标准修法） */
  .grid>*{min-width:0}
  .panel{min-width:0;overflow:hidden}
}