@import './_variables.less';
@import './_mixins.less';

@font-face {
  font-family: 'HelveticaNeue-CondensedBold';
  src: url('//g.alicdn.com/eva-assets/a90558a93fe4a6d47da86b825da69d1c/0.0.1/tmp/d669d12/662f8aed-de97-4374-b181-2553459829ec.eot');
  src: url('//g.alicdn.com/eva-assets/a90558a93fe4a6d47da86b825da69d1c/0.0.1/tmp/d669d12/662f8aed-de97-4374-b181-2553459829ec.eot?#iefix') format('embedded-opentype')
    , url('//g.alicdn.com/eva-assets/5bf31c6e25f732c74794a3cf1e0ace46/0.0.1/tmp/1a0eb2c/0c18155e-6379-483f-a425-5844ad24aa9c.woff2') format('woff2')
    , url('//g.alicdn.com/eva-assets/a54a4bae1e6dcf019675a4b16c3205f3/0.0.1/tmp/0131224/11a2dc6a-5b99-4ed3-9ff9-58496667fc00.woff') format('woff')
    , url('//g.alicdn.com/eva-assets/d656fd72c21406ce62da04aa930c8be1/0.0.1/tmp/d94bbc8/01396dd4-d60d-4f3b-b789-bf514b9373c5.ttf') format('truetype')
    , url('//g.alicdn.com/eva-assets/c7148d2c6024ede19a5b6a3aca724667/0.0.1/tmp/57cfaa2/5e32ff70-6320-49a8-9396-dda1e4cfb825.svg#HelveticaNeue-CondensedBold') format('svg');
}

@font-face {
  font-family: 'Oswald-Medium';
  src: url('//g.alicdn.com/eva-assets/6b4cb5d8b6ee823a3d6f6efb9d0b2262/0.0.1/tmp/4f195ef/2657554a-b73a-4a25-a0be-7d7708dd64cd.eot');
  src: url('//g.alicdn.com/eva-assets/6b4cb5d8b6ee823a3d6f6efb9d0b2262/0.0.1/tmp/4f195ef/2657554a-b73a-4a25-a0be-7d7708dd64cd.eot?#iefix') format('embedded-opentype')
    , url('//g.alicdn.com/eva-assets/08f7f5495b631f6b21b6c7bc9c003d1a/0.0.1/tmp/7d752c3/2310f923-d825-4def-81fe-73d2db99c8cd.woff2') format('woff2')
    , url('//g.alicdn.com/eva-assets/2ef84151ae1f03de768df5222d3402e5/0.0.1/tmp/4c3e7ec/9341dbd5-ad3c-430f-b4a6-aa2d8fb300dc.woff') format('woff')
    , url('//g.alicdn.com/eva-assets/1daa1f11f3038645dab09b6c9ba4fe4c/0.0.1/tmp/3c2b435/8c4e9abc-edad-43ac-81cc-34e06d1c700c.ttf') format('truetype')
    , url('//g.alicdn.com/eva-assets/ba66b1202d40353f27fe51e0d4df1288/0.0.1/tmp/966c6f5/723a0af0-ff2c-467d-a265-eceb84f0200a.svg#Oswald-Medium') format('svg');
}

// @font-face {
//   font-family: '@{prefix}iconfont-ability';
//   /* project id 550145 */
//   src: url('//at.alicdn.com/t/font_550145_muxciiuurrj.eot');
//   src: url('//at.alicdn.com/t/font_550145_muxciiuurrj.eot?#iefix') format("embedded-opentype"), url('//at.alicdn.com/t/font_550145_muxciiuurrj.woff2') format("woff2"), url('//at.alicdn.com/t/font_550145_muxciiuurrj.woff') format("woff"), url('//at.alicdn.com/t/font_550145_muxciiuurrj.ttf') format("truetype"), url('//at.alicdn.com/t/font_550145_muxciiuurrj.svg#iconfont') format("svg");
// }

@font-face {
  font-family: '@{prefix}iconfont-ability';  /* Project id 550145 */
  src: url('//at.alicdn.com/t/font_550145_azaaxkg8wys.woff2?t=1650443589305') format('woff2'),
    url('//at.alicdn.com/t/font_550145_azaaxkg8wys.woff?t=1650443589305') format('woff'),
    url('//at.alicdn.com/t/font_550145_azaaxkg8wys.ttf?t=1650443589305') format('truetype');
}

.@{prefix}iconfont-ability {
  font-family: '@{prefix}iconfont-ability', serif;
}


/////////////////////////////////////////////////////////////////////////////////////////
// 以下都是含业务属性 提前预置的样式
/////////////////////////////////////////////////////////////////////////////////////////
// body {
//   font-family: 'PingFang SC', 'Microsoft YaHei', serif;
// }


/////////////////////////////////////////////////////////////////////////////////////////
// 数据
/////////////////////////////////////////////////////////////////////////////////////////
.@{prefix}data {
  font-family: 'HelveticaNeue-CondensedBold', serif;
}

// 核心指标
.@{prefix}core-indicator-data {
  font-weight: 600;
  color: var(--text1-1);

  // 大盘
  .modify('mode', 'dashboard', {
    font-size: 28px;
    line-height: 36px;
  });
  // 大屏
  .modify('mode', 'screen', {
    font-size: 32px;
    line-height: 40px;
  });
}

// 主要指标
.@{prefix}main-indicator-data {
  font-weight: 600;
  color: var(--text1-2);

  // 大盘
  .modify('mode', 'dashboard', {
    font-size: 20px;
    line-height: 28px;
  });
  // 大屏
  .modify('mode', 'screen', {
    font-size: 24px;
    line-height: 32px;
  });
}

// 辅助指标
.@{prefix}sub-indicator-data {
  font-weight: 600;
  color: var(--text1-3);

  // 大盘
  .modify('mode', 'dashboard', {
    font-size: 14px;
    line-height: 22px;
  });
  // 大屏
  .modify('mode', 'screen', {
    font-size: 16px;
    line-height: 24px;
  });
}



/////////////////////////////////////////////////////////////////////////////////////////
// 标题
/////////////////////////////////////////////////////////////////////////////////////////
// 主标题
.@{prefix}main-title {
  font-weight: 600;
  color: var(--text2-1);

  // 大盘
  .modify('mode', 'dashboard', {
    font-size: 20px;
  });
  // 大屏
  .modify('mode', 'screen', {
    font-size: 36px;
    line-height: 44px;
  });
}

// 子屏标题
.@{prefix}subscreen-title {
  font-weight: 600;
  color: var(--text4-1);

  // 大盘
  .modify('mode', 'dashboard', {
    font-size: 14px;
    line-height: 22px;
  });
  // 大屏
  .modify('mode', 'screen', {
    font-size: 20px;
    line-height: 28px;
  });

  &:hover,
  &.selected {
    color: var(--text4-2);
  }
}

// 副标题
.@{prefix}sub-title {
  font-weight: 600;
  color: var(--text2-2);

  // 大盘
  .modify('mode', 'dashboard', {
    font-size: 14px;
    line-height: 22px;
  });
  // 大屏
  .modify('mode', 'screen', {
    font-size: 20px;
    line-height: 28px;
  });
}

// 核心指标标题
.@{prefix}core-indicator-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  color: var(--text2-5);

  // 大盘
  .modify('mode', 'dashboard', {
    font-size: 18px;
    line-height: 26px;
  });
  // 大屏
  .modify('mode', 'screen', {
    font-size: 20px;
    line-height: 28px;
  });
}

// 主指标标题
.@{prefix}main-indicator-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: var(--text2-6);

  // 大盘
  .modify('mode', 'dashboard', {
    font-size: 14px;
    line-height: 22px;
  });
  // 大屏
  .modify('mode', 'screen', {
    font-size: 16px;
    line-height: 24px;
  });
}

// 图表主标题
.@{prefix}main-chart-title {
  font-weight: 600;
  color: var(--text2-3);

  // 大盘
  .modify('mode', 'dashboard', {
    font-size: 18px;
    line-height: 26px;
  });
  // 大屏
  .modify('mode', 'screen', {
    font-size: 20px;
    line-height: 28px;
  });
}

// 图表副标题
.@{prefix}sub-chart-title {
  font-weight: 600;
  color: var(--text2-4);

  // 大盘
  .modify('mode', 'dashboard', {
    font-size: 14px;
    line-height: 22px;
  });
  // 大屏
  .modify('mode', 'screen', {
    font-size: 16px;
    line-height: 24px;
  });
}



/////////////////////////////////////////////////////////////////////////////////////////
// 正文
/////////////////////////////////////////////////////////////////////////////////////////
// 正文
.@{prefix}main-body {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: var(--text3-1);
}

// 注释
.@{prefix}annotation {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: var(--text3-2);
}

// 图表刻度
.@{prefix}chart-scale {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: var(--text3-3);
}