/* 定义阴影颜色变量 */
:root {
  --ecolor-shadow: #111;
  --ecolor-shadow-special: #999;
}

/* 深色 */
body.theme-assayer, body.theme-carboneum,
body.theme-ferrum, body.theme-silicium {
  --ecolor-shadow: #aaa;
  --ecolor-shadow-special: #e0e0e0;
}

/* 五彩（亮色） */
body.theme-colorful {
  --ecolor-shadow: #333;
  --ecolor-shadow-special: #777;
}

/* 访客（亮色） */
body.theme-visitor {
  --ecolor-shadow: #212121;
  --ecolor-shadow-special: #616161;
}

/* 基础样式 */
span[class^="ecolor"],
span.x001,
span.aaa {
  text-shadow: 0 0 0.7px var(--ecolor-shadow), 0 0 0.7px var(--ecolor-shadow), 0 0 0.7px var(--ecolor-shadow), 0 0 0.7px var(--ecolor-shadow),
               0 0 0.7px var(--ecolor-shadow), 0 0 0.7px var(--ecolor-shadow), 0 0 0.7px var(--ecolor-shadow), 0 0 0.7px var(--ecolor-shadow);
  position: relative;
  font-variation-settings: "wght" 450;
}

/* 特殊阴影组 - 需显式列出所有类 */
span.ecolor003, span.ecolor006, span.ecolor007, span.ecolor008, span.ecolor013, span.ecolor015, span.ecolor018,
span.ecolor019, span.ecolor024, span.ecolor025, span.ecolor026, span.ecolor027, span.ecolor028, span.ecolor029,
span.ecolor031, span.ecolor034, span.ecolor035, span.ecolor037, span.ecolor038, span.ecolor039, span.ecolor041,
span.ecolor044, span.ecolor048, span.ecolor049, span.ecolor050, span.ecolor051, span.ecolor053, span.ecolor057,
span.ecolor063, span.ecolor071, span.ecolor072, span.ecolor073, span.ecolor074, span.ecolor076, span.ecolor077,
span.ecolor080, span.ecolor082, span.ecolor084, span.ecolor085, span.ecolor086, span.ecolor089, span.ecolor093,
span.ecolor096, span.ecolor097, span.ecolor098, span.ecolor101, span.ecolor103, span.ecolor105, span.ecolor106,
span.ecolor107, span.ecolor108, span.ecolor110, span.ecolor111, span.ecolor113, span.ecolor117 {
  text-shadow: 0 0 0.7px var(--ecolor-shadow-special), 0 0 0.7px var(--ecolor-shadow-special), 0 0 0.7px var(--ecolor-shadow-special), 0 0 0.7px var(--ecolor-shadow-special),
               0 0 0.7px var(--ecolor-shadow-special), 0 0 0.7px var(--ecolor-shadow-special), 0 0 0.7px var(--ecolor-shadow-special), 0 0 0.7px var(--ecolor-shadow-special);
}

/* 伪元素基础样式  */
span[class^="ecolor"]::after,
span.x001::after,
span.aaa::after {
  display: none;
  font-family: "LXGW M", "LXGW Marker Gothic", sans-serif;
  background-color: #aaa;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  border-radius: 4px;
  vertical-align: middle;
  position: absolute;
  bottom: 100%;
  left: 0;
  padding: 1px;
  z-index: 2;
  line-height: 1;
  text-shadow: none;
  text-indent: 0;
}

/* 悬停时显示伪元素 */
span[class^="ecolor"]:hover::after,
span.x001:hover::after,
span.aaa:hover::after {
  display: inline;
  white-space: nowrap;
}

span.aaa { color: #aaa; }
span.x001 { color: #e0ffff; }

span.aaa::after { content: "- AAA -"; }