/*
 * 在这里写样式覆盖，方便升级或回退时保留原始页面文件。
 * 下面列出常用选择器，默认不改变原站效果。
 *
 * 页面背景：.large-screen, .map
 * 加载数字：.loading .loading-progress
 * 加载文字：.loading .loading-text
 * 省份名称：.map .province-label .name
 * 柱图数字：.map .bar-label-number
 * 信息浮层：.map .info-point
 * 下钻导航：.drill-bar
 */

@font-face {
  font-family: "Alimama ShuHeiTi";
  src: url("./assets/fonts/AlimamaShuHeiTi-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --map-page-background: #000;
  --label-font-family: "Alimama ShuHeiTi", "Microsoft YaHei", "PingFang SC", sans-serif;
  --label-font-size: 20px;
  --label-color: #fff;
  --label-shadow-color: #001d5d;
  --label-shadow-blur: 16px;
  --label-stroke-color: #000;
  --label-stroke-width: 0px;
}

html,
body,
#app,
.large-screen,
.map,
.loading {
  background-color: var(--map-page-background);
}

.map .province-label .name,
.map .city-label .name {
  color: var(--label-color) !important;
  font-family: var(--label-font-family) !important;
  font-size: var(--label-font-size) !important;
  text-shadow: 2px 2px var(--label-shadow-blur) var(--label-shadow-color) !important;
  -webkit-text-stroke: var(--label-stroke-width) var(--label-stroke-color);
  paint-order: stroke fill;
}