/* 每称号独立微差：仅焦点态启用，列表 lite 不受影响 */

.tc-card,
.tc-recipe,
.tc-equipped {
  overflow: visible;
}

.eo-title-focus[class*="eo-fx-"] .eo-title-fx {
  opacity: 0.22;
  filter: none;
}

.eo-title-focus.eo-fx-0::after { animation-duration: 4.2s; }
.eo-title-focus.eo-fx-1::after { animation-duration: 3.6s; }
.eo-title-focus.eo-fx-2::after { animation-duration: 3.2s; opacity: 0.85; }
.eo-title-focus.eo-fx-3::after { animation-duration: 4.8s; }
.eo-title-focus.eo-fx-4::after { animation-duration: 3.8s; width: 36%; }
.eo-title-focus.eo-fx-5::after { animation-duration: 5s; }

.eo-title-focus.eo-fx-6 .eo-title-text { animation-duration: 4s; }
.eo-title-focus.eo-fx-7 .eo-title-text { animation-duration: 3.6s; }
.eo-title-focus.eo-fx-8 .eo-title-text { animation-duration: 4.4s; }
.eo-title-focus.eo-fx-9 .eo-title-text { animation-duration: 5s; }
.eo-title-focus.eo-fx-10 .eo-title-text { animation-duration: 3.8s; }
.eo-title-focus.eo-fx-11 .eo-title-text { animation-duration: 4.6s; }

.eo-title-focus.eo-fx-12 { box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.04); }
.eo-title-focus.eo-fx-13 { box-shadow: 0 0 0 1px color-mix(in srgb, var(--eo-title-c) 22%, transparent); }
.eo-title-focus.eo-fx-14 { box-shadow: 0 1px 0 rgba(255,255,255,.85) inset; }
.eo-title-focus.eo-fx-15::after { animation-duration: 3.4s; width: 48%; }
.eo-title-focus.eo-fx-16 .eo-title-fx { opacity: 0.16; }
.eo-title-focus.eo-fx-17 .eo-title-fx { opacity: 0.3; }

.eo-title-focus.eo-fx-18::after { animation-duration: 3s; opacity: 0.9; }
.eo-title-focus.eo-fx-19::after { animation-duration: 3.5s; }
.eo-title-focus.eo-fx-20 .eo-title-text { animation-duration: 3.4s; }
.eo-title-focus.eo-fx-21 { box-shadow: 0 0 0 1px color-mix(in srgb, var(--eo-title-c) 28%, transparent); }
.eo-title-focus.eo-fx-22::after { animation-duration: 2.8s; width: 45%; }
.eo-title-focus.eo-fx-23 .eo-title-fx { opacity: 0.28; }

@media (prefers-reduced-motion: reduce) {
  .eo-title-focus[class*="eo-fx-"]::after,
  .eo-title-focus[class*="eo-fx-"] .eo-title-text {
    animation: none !important;
  }
}
