:root{--hover-text-color:#f98f78;--dimmed-text-color:#ccc;--chars-animation-duration:.4s;--chars-animation-delay:.25s;--shadow-color:#cc5b0f66;--animation-font-size:32px;--name-label-font-size:20px;--seal-frame-translate:translateX(calc(-50% - 4px))}.character{text-align:center;flex-direction:column;align-items:center;padding:8px;display:inline-flex;position:relative}.name-transition-delay{transition-delay:var(--chars-animation-delay)}.name-evolution__item--root{font-size:var(--animation-font-size);flex-direction:column;align-items:flex-end;height:230px;margin:0 auto;padding-right:12px;display:flex;position:relative}.huozhi-chars .pinyin{transition:opacity var(--chars-animation-duration) ease;font-size:var(--name-label-font-size);margin:32px 0 8px;font-weight:300;line-height:38px;position:relative;left:-4px}.select-none{-webkit-user-select:none;user-select:none}.origin-name{font-size:var(--name-label-font-size);text-align:center;cursor:pointer;transition:opacity var(--chars-animation-duration) ease, visibility 0s var(--chars-animation-duration);color:#000;grid-template-columns:repeat(2,74px);align-items:center;column-gap:0;font-weight:300;line-height:38px;display:grid;position:absolute;top:56px;right:4px}.origin-name span{color:var(--dimmed-text-color)}.origin-name .origin-name__chi--highlight{color:var(--hover-text-color)}.origin-name--minimized{opacity:0;visibility:hidden;pointer-events:none}.name-evolution__item--pinyin{margin-top:16px}.name-evolution__item--root:hover .origin-name--default:not(.animated):not(.animating) .cursor-pointer,.flex-column:hover .character:not(.huozhi-chars--unified .character):hover{color:var(--hover-text-color);--c:var(--hover-text-color);--shadow:var(--shadow-color)}.origin-name--default{opacity:1;visibility:visible;transition-delay:0s}.name-transition{transition:all var(--chars-animation-duration) ease}.huozhi-svg{filter:url(#stamp-filter);width:48px;height:48px}.huozhi-chars{position:absolute;top:16px;right:0}.huozhi-chars>.character{color:#000;width:74px;transition:color var(--chars-animation-duration) ease}.huozhi-chars--split .pinyin{opacity:1}.huozhi-chars--unified .pinyin{opacity:0}.huozhi-chars--unified .character:first-child .huozhi-svg{filter:url(#stamp-filter);transform:translateX(calc(var(--animation-font-size) + 22px))}.huozhi-chars--unified .character:nth-child(2) .huozhi-svg{filter:url(#stamp-filter);transform:translate(12px)}.huozhi-chars--unified{color:#c8102e}.huozhi-chars--unified:hover .character,.huozhi-chars--unified .character:hover,.flex-column:hover .huozhi-chars--unified .character:hover,.name-evolution__item--root:hover .huozhi-chars--unified .character{color:#c8102e!important;--c:#c8102e!important}.huozhi-chars--unified .character{color:#c8102e}.huozhi-chars--unified .huozhi-svg{filter:url(#stamp-filter);opacity:1}.huozhi-chars--initial-seal.huozhi-chars--unified{transform-origin:calc(100% - 41px) calc(100% - 36px);animation:.2s 80ms both seal-stamp}.huozhi-chars .seal-frame{transform:var(--seal-frame-translate);pointer-events:none;filter:url(#stamp-frame-filter);position:absolute;bottom:-8px;left:50%}@keyframes seal-stamp{0%{visibility:hidden;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(-8px)scale(1.12)}1%{visibility:visible;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(-8px)scale(1.12)}55%{animation-timing-function:ease-out;transform:translateY(1px)scale(1.02,.96)}78%{animation-timing-function:ease-in-out;transform:translateY(-.5px)scale(.995,1.01)}to{visibility:visible;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.huozhi-chars--initial-seal.huozhi-chars--unified{animation-delay:0s}}.seal-filter-active{filter:url(#stamp-filter)}.name-animation-filters{width:0;height:0;position:absolute}